UI: reduce vertical margins for all the alerts

irlkitcom · Jan 25, 2022 · c8684ef · c8684ef
1 parent a8544f3
commit c8684ef
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/public/index.html b/public/index.html
@@ -31,18 +31,18 @@
     <link rel="stylesheet" href="/style.css" />
   </head>
   <body>
-    <div class="container mt-4" id="page">
+    <div class="container mt-2" id="page">
       <div id="notifications">
       </div>
 
-      <div class="alert alert-danger alert-dismissible d-none" role="alert" id="errorMsg">
+      <div class="alert alert-danger alert-dismissible mb-2 d-none" role="alert" id="errorMsg">
         <span></span>
       </div> <!-- .alert -->
 
-      <div class="alert d-none" role="alert" id="remoteStatus">
+      <div class="alert d-none mb-2" role="alert" id="remoteStatus">
       </div>
 
-      <div class="alert alert-warning alert-dismissible fade show d-none" role="alert" id="softwareUpdateStatus">
+      <div class="alert alert-warning alert-dismissible fade show mb-2 d-none" role="alert" id="softwareUpdateStatus">
         <p class="m-0"><b>Software update in progress</b></p>
         <p class="m-0">The encoder will briefly disconnect after a succesful update</p>
         <p class="m-0">Never remove power or reset the encoder while updating</p>