Fix theme-switch customization, minor nav-improvements

Signed-off-by: Knut Ahlers <knut@ahlers.me>
Luzifer · Sep 30, 2023 · f71ba83 · f71ba83
1 parent cf25246
commit f71ba83
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/src/components/navbar.vue b/src/components/navbar.vue
@@ -34,14 +34,14 @@
         id="navbarSupportedContent"
         class="collapse navbar-collapse"
       >
-        <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
+        <ul class="navbar-nav ms-auto mb-2 mb-lg-0 me-2">
           <li class="nav-item">
             <a
               class="nav-link"
               href="#"
               @click.prevent="$root.navigate('/explanation')"
             >
-              <i class="fas fa-question" /> {{ $t('btn-show-explanation') }}
+              <i class="fas fa-circle-info" /> {{ $t('btn-show-explanation') }}
             </a>
           </li>
           <li class="nav-item">
@@ -54,7 +54,11 @@
             </a>
           </li>
         </ul>
-        <form class="d-flex">
+        <form
+          v-if="!$root.customize.disableThemeSwitcher"
+          class="d-flex align-items-center"
+        >
+          <i class="fas fa-sun me-2" />
           <div class="form-check form-switch">
             <input
               id="themeswitch"
@@ -63,13 +67,8 @@
               type="checkbox"
               role="switch"
             >
-            <label
-              class="form-check-label"
-              for="themeswitch"
-            >
-              <i class="fas fa-moon" />&ZeroWidthSpace;
-            </label>
           </div>
+          <i class="fas fa-moon" />
         </form>
       </div>
     </div>