Night mode tweaks

app/css/lightsout.css

@@ -8,7 +8,6 @@ License: GNU General Public License v3.0
 
 html * {
   font-family: Helvetica,Arial,sans-serif;
-  font-size: 1.0rem;
   color: #afafaf;
 }
 
@@ -369,13 +368,9 @@ tspan, rect {
   fill: #d2d2d2;
 }
 
-span.text.service-status {
-  font-size: 0.75rem;
-  margin-top: 0.2rem;
-}
-
-.text-muted {
-  font-size: 0.8rem;
+small {
+    font-size: 80%;
+    font-weight: 400;
 }
 
 .fas.fa-circle {

index.php

@@ -218,8 +218,8 @@ $bridgedEnabled = getBridgedState();
         <ul class="navbar-nav ml-auto">
           <!-- Nav Item - Night mode -->
           <div class="custom-control custom-switch mt-4">
-          <input type="checkbox" class="custom-control-input" id="night-mode" <?php echo getNightmode() ? 'checked' : null ; ?> >
-            <label class="custom-control-label" for="night-mode"></label>
+            <input type="checkbox" class="custom-control-input" id="night-mode" <?php echo getNightmode() ? 'checked' : null ; ?> >
+            <label class="custom-control-label" for="night-mode"><i class="far fa-moon mr-1 text-muted"></i></label>
           </div>
           <div class="topbar-divider d-none d-sm-block"></div>
           <!-- Nav Item - User -->