style: followup to #84 resolution

assets/app.scss

@@ -19,7 +19,8 @@ pre {
 .theme-switch {
   display: inline-block;
   height: 24px;
-  position: relative;
+  position: absolute;
+  top: 5px;
   width: 50px;
 }
 

hiboo/templates/base.html

@@ -33,14 +33,6 @@
                         </a>
                     </li>
                     {% endif %}
-                    <li class="nav-item">
-                        <div class="theme-switch-wrapper nav-link">
-                            <label class="theme-switch" for="checkbox">
-                                <input type="checkbox" id="checkbox">
-                                <span class="slider round"></span>
-                            </label>
-                        </div>
-                    </li>
                 </ul>
             </nav>
 

hiboo/templates/sidebar.html

+<li class="nav-item">
+  <a class="nav-link">
+    <i class="nav-icon fas fa-moon"></i>
+    <p>{% trans %}Dark theme{% endtrans %}</p>
+      <label class="theme-switch ml-3" for="checkbox">
+        <input type="checkbox" id="checkbox">
+        <span class="slider round"></span>
+      </label>
+  </a>
+</li>
+
 {% if current_user.is_authenticated %}
 <li class="nav-header">{% trans %}Account{% endtrans %}</li>
 <li class="nav-item">