cleanup

Author: Felix Hennig

src/css/base.css

@@ -137,7 +137,7 @@ body ::-webkit-scrollbar-thumb {
 }
 
 .m-0 {
-  margin: 0px;
+  margin: 0;
 }
 
 .justify-between {

src/css/header.css

@@ -283,6 +283,10 @@ body {
     transition: max-height 0.2s ease, padding 0.2s ease;
   }
 
+  .navbar-sub .navlinks {
+    flex-direction: column;
+  }
+
   .navbar-sub .drop-down-content {
     display: inherit;
     position: inherit;

src/partials/header-content.hbs

@@ -24,7 +24,7 @@
   </nav>
   <nav id="navbar-sub" class="navbar-sub">
     <div class="container justify-between">
-      <div class="flex flex-col m-0">
+      <div class="navlinks flex m-0">
         {{#> navbar }}
           navbar.hbs partial not found - you're seeing failover content
           <a class="navbar-sub-item" href="#">Home</a>
@@ -40,20 +40,18 @@
           <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="arrow-right" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg>
         </a>
       </div>
-      <div class="flex flex-col m-0">
-        {{#with @root.page.versions}}
-        <div class="page-versions">
-          <button class="version-menu-toggle" title="Show other versions of page">{{@root.page.componentVersion.displayVersion}}</button>
-          <div class="version-menu">
-            {{#each this}}
-            <a class="version
-              {{~#if (eq ./version @root.page.version)}} is-current{{/if~}}
-              {{~#if ./missing}} is-missing{{/if}}" href="{{{relativize ./url}}}">{{./displayVersion}}</a>
-            {{/each}}
-          </div>
+      {{#with @root.page.versions}}
+      <div class="page-versions">
+        <button class="version-menu-toggle" title="Show other versions of page">{{@root.page.componentVersion.displayVersion}}</button>
+        <div class="version-menu">
+          {{#each this}}
+          <a class="version
+            {{~#if (eq ./version @root.page.version)}} is-current{{/if~}}
+            {{~#if ./missing}} is-missing{{/if}}" href="{{{relativize ./url}}}">{{./displayVersion}}</a>
+          {{/each}}
         </div>
-        {{/with}}
       </div>
+      {{/with}}
     </div>
   </nav>
 </header>