update layout of solutions button

tgdwyer · Aug 30, 2024 · 67daf75 · 67daf75
1 parent 93a9078
commit 67daf75
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 15 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -18,21 +18,21 @@
             </span>
             </label>
 
-            <div class="trigger">
-            {%- for path in page_paths -%}
-                {%- assign my_page = site.pages | where: "path", path | first -%}
-                {%- if my_page.title -%}
-                <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
-                {%- endif -%}
-            {%- endfor -%}
-            <!-- Radio Switch -->
-            <div id="toggle-div" style="display: none;">
-                <p class="page-link" style="margin-bottom: 0px;">Show Solutions?</p>
-                <label class="switch" style="vertical-align: middle;">
-                    <input type="checkbox" id="toggle-switch">
-                    <span class="slider round"></span>
-                </label>
-            </div>
+            <div id="nav-menu" class="trigger">
+                {%- for path in page_paths -%}
+                    {%- assign my_page = site.pages | where: "path", path | first -%}
+                    {%- if my_page.title -%}
+                    <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+                    {%- endif -%}
+                {%- endfor -%}
+                <!-- Radio Switch -->
+                <div id="toggle-div" style="display: none;">
+                    <p class="page-link" style="margin-bottom: 0px;">Show Solutions?</p>
+                    <label class="switch" style="vertical-align: middle;">
+                        <input type="checkbox" id="toggle-switch">
+                        <span class="slider round"></span>
+                    </label>
+                </div>
             </div>
         </nav>
         {%- endif -%}

diff --git a/_sass/minima/custom-styles.scss b/_sass/minima/custom-styles.scss
@@ -144,6 +144,11 @@ input:checked + .slider:before {
   z-index: 1;
 }
 
+
+#nav-menu {
+  display: flex;
+}
+
 .site-nav .trigger {
   display: flex;
   align-items: center;