.

Author: roktas

showcase/doc/static/css/main.css

@@ -228,7 +228,7 @@ nav {
   transition: color 150ms;
   display: flex;
   align-items: center;
-  margin-right: 0.5rem;
+  margin-left: 0.5rem;
 }
 
 .theme-toggle:hover {

showcase/doc/templates/base.html

@@ -115,17 +115,17 @@
         </a>
 
         <nav>
-            <button class="theme-toggle" aria-label="Toggle theme" title="Toggle dark/light mode">
-                <i class="fas fa-sun light-icon" aria-hidden="true"></i>
-                <i class="fas fa-moon dark-icon" aria-hidden="true"></i>
-            </button>
             <div class="search-container">
                 <input id="userinput" type="search" placeholder="Search..." aria-label="Search documentation">
                 <div id="suggestions"></div>
             </div>
             {% for menu in config.extra.extra_menu %}
             <a class="nav-item" href="{{ menu.link | safe }}">{{ menu.title }}</a>
             {% endfor %}
+            <button class="theme-toggle" aria-label="Toggle theme" title="Toggle dark/light mode">
+                <i class="fas fa-sun light-icon" aria-hidden="true"></i>
+                <i class="fas fa-moon dark-icon" aria-hidden="true"></i>
+            </button>
         </nav>
 
         <button class="theme-toggle mobile-theme-toggle" aria-label="Toggle theme" title="Toggle dark/light mode">