use Bootstrap's pre-scrollable

1 files changed, 8 insertions, 12 deletions

diff --git a/index.html b/index.html
index 29549c1..ef2c010 100644
--- a/index.html
+++ b/index.html
@@ -6,10 +6,6 @@
     <title>-</title>
     <link rel="stylesheet" href="css/bootstrap.min.css">
     <style>
-.height-limited {
-    max-height: 400px;
-    overflow-y: scroll;
-}
 .button-expand {
     margin-right: 1em;
 }
@@ -35,38 +31,38 @@ h1, .h1 {
         <div class="col">
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_top">+</button><a href="#collapse_top" data-toggle="collapse"><code>top</code></a> <span class="float-right"><small>updated every <span id="top_refresh_interval">-</span> seconds</small></span></p>
-          <div class="collapse" id="collapse_top">
-            <pre class="height-limited" id="top"></pre>
+          <div class="collapse show" id="collapse_top">
+            <pre class="pre-scrollable" id="top"></pre>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_systemctl_status_system">+</button><a href="#collapse_systemctl_status_system" data-toggle="collapse"><code>systemctl --system status</code></a></p>
           <div class="collapse" id="collapse_systemctl_status_system">
-            <pre class="height-limited" id="systemctl_status_system"></pre>
+            <pre class="pre-scrollable" id="systemctl_status_system"></pre>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_systemctl_status_user">+</button><a href="#collapse_systemctl_status_user" data-toggle="collapse"><code>systemctl --user status</code></a></p>
           <div class="collapse" id="collapse_systemctl_status_user">
-            <pre class="height-limited" id="systemctl_status_user"></pre>
+            <pre class="pre-scrollable" id="systemctl_status_user"></pre>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_systemctl_failed_system">+</button><a href="#collapse_systemctl_failed_system" data-toggle="collapse"><code>systemctl --system list-units --failed</code></a></p>
           <div class="collapse" id="collapse_systemctl_failed_system">
-            <pre class="height-limited" id="systemctl_failed_system"></pre>
+            <pre class="pre-scrollable" id="systemctl_failed_system"></pre>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_systemctl_failed_user">+</button><a href="#collapse_systemctl_failed_user" data-toggle="collapse"><code>systemctl --user list-units --failed</code></a></p>
           <div class="collapse" id="collapse_systemctl_failed_user">
-            <pre class="height-limited" id="systemctl_failed_user"></pre>
+            <pre class="pre-scrollable" id="systemctl_failed_user"></pre>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_systemctl_timers_system">+</button><a href="#collapse_systemctl_timers_system" data-toggle="collapse"><code>systemctl --system list-timers --all</code></a> <span class="float-right"><small>updated every <span id="systemctl_timers_system_refresh_interval">-</span> seconds</small></span></p>
           <div class="collapse" id="collapse_systemctl_timers_system">
-            <pre class="height-limited" id="systemctl_timers_system"></pre>
+            <pre class="pre-scrollable" id="systemctl_timers_system"></pre>
           </div>
           <hr>
           <p><button type="button" class="btn btn-outline-primary btn-sm button-expand" data-toggle="collapse" data-target="#collapse_systemctl_timers_user">+</button><a href="#collapse_systemctl_timers_user" data-toggle="collapse"><code>systemctl --user list-timers --all</code></a> <span class="float-right"><small>updated every <span id="systemctl_timers_user_refresh_interval">-</span> seconds</small></span></p>
           <div class="collapse" id="collapse_systemctl_timers_user">
-            <pre class="height-limited" id="systemctl_timers_user"></pre>
+            <pre class="pre-scrollable" id="systemctl_timers_user"></pre>
           </div>
           <hr>
         </div>