Fix queries that exceed the size of the container.

diff --git a/pgbadger b/pgbadger
old mode 100755 (executable)
new mode 100644 (file)
index 1cb1b5b..87267f4
--- a/pgbadger
+++ b/pgbadger
@@ -6004,7 +6004,7 @@ sub print_lock_queries_report
                        <td>$max_time</td>
                        <td>$avg_time</td>
                        <td id="queries-most-frequent-waiting-examples-details-rank-$rank">
-                               <div class="sql sql-middlesize" ondblclick="sql_format(this)">$query</div>
+                               <div class="sql sql-largesize" ondblclick="sql_format(this)">$query</div>
                                 $example
                        <!-- Examples collapse -->
                        <div id="queries-most-frequent-waiting-examples-rank-$rank" class="collapse">
@@ -6021,7 +6021,7 @@ sub print_lock_queries_report
                                $details .= " - <b>Application:</b> $normalyzed_info{$k}{samples}{$d}{app}" if ($normalyzed_info{$k}{samples}{$d}{app});
                                $details .= " ]";
                                print $fh qq{
-                                       <dt><div class="sql sql-middlesize" ondblclick="sql_format(this)">$query</div></dt>
+                                       <dt><div class="sql sql-largesize" ondblclick="sql_format(this)">$query</div></dt>
                                        <dd><pre>$details</pre></dd>
 };
 
@@ -6150,7 +6150,7 @@ sub print_tempfile_report
                                <td>$max_size</td>
                                <td>$avg_size</td>
                                <td id="queries-generating-most-temporary-files-examples-details-rank-$rank">
-                                       <div class="sql sql-middlesize" ondblclick="sql_format(this)">$query</div>
+                                       <div class="sql sql-largesize" ondblclick="sql_format(this)">$query</div>
                                        $example
                                <!-- Examples collapse -->
                                <div id="queries-generating-most-temporary-files-examples-rank-$rank" class="collapse">
@@ -6166,7 +6166,7 @@ sub print_tempfile_report
                                        $details .= "Remote: $normalyzed_info{$k}{samples}{$d}{remote}<br/>" if ($normalyzed_info{$k}{samples}{$d}{remote});
                                        $details .= "Application: $normalyzed_info{$k}{samples}{$d}{app}<br/>" if ($normalyzed_info{$k}{samples}{$d}{app});
                                        print $fh qq{
-                                               <dt><div class="sql sql-middlesize" ondblclick="sql_format(this)">$query</div></dt>
+                                               <dt><div class="sql sql-largesize" ondblclick="sql_format(this)">$query</div></dt>
                                                <dd><pre>$details</pre></dd>
 };
 
@@ -6448,7 +6448,7 @@ sub print_time_consuming
                                <td>$max</td>
                                <td>$avg</td>
                                <td id="time-consuming-queries-examples-details-rank-$rank">
-                                       <div class="sql sql-middlesize" ondblclick="sql_format(this)">$query</div>
+                                       <div class="sql sql-largesize" ondblclick="sql_format(this)">$query</div>
                                                <!-- Details collapse -->
                                            <div id="time-consuming-queries-details-rank-$rank" class="collapse">
                                                <h3>Times Reported <small>Time consuming queries #$rank</small></h3>
@@ -6485,7 +6485,7 @@ sub print_time_consuming
                        $details .= " ]";
                        $query = &highlight_code($normalyzed_info{$k}{samples}{$d}{query});
                        print $fh qq{
-                                                               <dt><div class="sql sql-middlesize" ondblclick="sql_format(this)">$query</div></dt>
+                                                               <dt><div class="sql sql-largesize" ondblclick="sql_format(this)">$query</div></dt>
                                                                <dd><pre>$details</pre></dd>
 };
                }
@@ -6588,7 +6588,7 @@ sub print_most_frequent
                                 <td>$max</td>
                                 <td>$avg</td>
                                 <td id="most-frequent-queries-examples-details-rank-$rank">
-                                        <div class="sql sql-middlesize" ondblclick="sql_format(this)">$query</div>
+                                        <div class="sql sql-largesize" ondblclick="sql_format(this)">$query</div>
                                                 <!-- Details collapse -->
                                             <div id="most-frequent-queries-details-rank-$rank" class="collapse">
                                                 <h3>Times Reported <small>Time consuming queries #$rank</small></h3>
@@ -6625,7 +6625,7 @@ sub print_most_frequent
                        $details .= " ]";
                        $query = &highlight_code($normalyzed_info{$k}{samples}{$d}{query});
                        print $fh qq{
-                                                               <dt><div class="sql sql-middlesize" ondblclick="sql_format(this)">$query</div></dt>
+                                                               <dt><div class="sql sql-largesize" ondblclick="sql_format(this)">$query</div></dt>
                                                                <dd><pre>$details</pre></dd>
 };
                }
@@ -6729,7 +6729,7 @@ sub print_slowest_queries
                                 </td>
                                 <td>$duration</td>
                                 <td id="normalized-slowest-queries-examples-details-rank-$rank">
-                                        <div class="sql sql-middlesize" ondblclick="sql_format(this)">$query</div>
+                                        <div class="sql sql-largesize" ondblclick="sql_format(this)">$query</div>
                                                 <!-- Details collapse -->
                                             <div id="normalized-slowest-queries-details-rank-$rank" class="collapse">
                                                 <h3>Times Reported <small>Time consuming queries #$rank</small></h3>
@@ -6766,7 +6766,7 @@ sub print_slowest_queries
                        $details .= " ]";
                        $query = &highlight_code($normalyzed_info{$k}{samples}{$d}{query});
                        print $fh qq{
-                                                               <dt><div class="sql sql-middlesize" ondblclick="sql_format(this)">$query</div></dt>
+                                                               <dt><div class="sql sql-largesize" ondblclick="sql_format(this)">$query</div></dt>
                                                                <dd><pre>$details</pre></dd>
 };
                }
@@ -10216,7 +10216,7 @@ div#littleToc a:hover { text-decoration:none; background-color:#DDDDDD; }
 .sql span.xtra { display:block; }
 .sql-smallsize  {width: 450px; }
 .sql-middlesize  {width: 650px; }
-.sql-largesize  {width: 900px; }
+.sql-largesize  {width: 100%; }
 </style>
 <script type="text/javascript">
 /* <![CDATA[ */