From 67daf75e4f3b34676f6dd2b8e1d82700492cbf45 Mon Sep 17 00:00:00 2001
From: Lauren Yim <31467609+cherryblossom000@users.noreply.github.com>
Date: Fri, 30 Aug 2024 13:32:02 +1000
Subject: [PATCH] update layout of solutions button

---
 _includes/header.html           | 30 +++++++++++++++---------------
 _sass/minima/custom-styles.scss |  5 +++++
 2 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index f5388aae..a4a29354 100644
--- 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
index 5d96c80f..5aef4191 100644
--- 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;