From 4f65d9382ffdf3d570e5e189ab52bd2b149091bd Mon Sep 17 00:00:00 2001
From: Jim Bumgardner <jbum@jbum.com>
Date: Mon, 5 Aug 2024 14:34:47 -0700
Subject: [PATCH 1/4] Make search visible on mobile devices.

---
 src/css/index.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/css/index.scss b/src/css/index.scss
index dba90069..56913c03 100644
--- a/src/css/index.scss
+++ b/src/css/index.scss
@@ -236,4 +236,15 @@ table.table-bordered {
            border: none;
         }   
       }
+}
+
+/* override search settings for mobile */
+@media only screen and (max-width: 767px) {
+  .site-header .container .search-container {
+    display: block;
+  }
+  
+  .site-header .grid-search {
+    grid-area: inherit;
+  }
 }
\ No newline at end of file

From 6c0ec14199f5bf04ea18c417177ac485e9a681f1 Mon Sep 17 00:00:00 2001
From: Jim Bumgardner <jbum@jbum.com>
Date: Fri, 9 Aug 2024 13:46:22 -0700
Subject: [PATCH 2/4] Add search icon to mobile.

---
 pages/_includes/site-header.njk |  9 +++++++++
 src/css/index.scss              | 14 +++++++++-----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/pages/_includes/site-header.njk b/pages/_includes/site-header.njk
index 60a33165..70d414f1 100644
--- a/pages/_includes/site-header.njk
+++ b/pages/_includes/site-header.njk
@@ -14,6 +14,15 @@
 
     <div class="cagov-nav mobile-icons grid-mobile-icons">
       <div class="cagov-nav mobile-search">
+        <button class="search-btn" aria-expanded="false" aria-controls="mobile-search-container">
+          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="17px" height="17px" viewBox="0 0 17 17" style="enable-background:new 0 0 17 17;" xml:space="preserve">
+            <path class="blue" d="M16.4,15.2l-4-4c2-2.6,1.8-6.5-0.6-8.9c-1.3-1.3-3-2-4.8-2S3.5,1,2.2,2.3c-2.6,2.6-2.6,6.9,0,9.6
+          c1.3,1.3,3,2,4.8,2c1.4,0,2.9-0.5,4.1-1.4l4.1,4c0.2,0.2,0.4,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3C16.7,16.2,16.7,15.6,16.4,15.2
+          L16.4,15.2z M7,12c-1.3,0-2.6-0.5-3.5-1.4c-1.9-1.9-1.9-5.1,0-7C4.4,2.7,5.6,2.1,7,2.1s2.6,0.5,3.5,1.4c0.9,0.9,1.4,2.2,1.4,3.5
+          c0,1.3-0.5,2.6-1.4,3.5C9.5,11.5,8.3,12,7,12z"></path>
+          </svg> Search
+          
+        </button>
       </div>
       <button class="menu-trigger cagov-nav open-menu" aria-label="Navigation menu" aria-haspopup="true" aria-expanded="false"
         aria-owns="mainMenu" aria-controls="mainMenu">
diff --git a/src/css/index.scss b/src/css/index.scss
index 56913c03..d66eace8 100644
--- a/src/css/index.scss
+++ b/src/css/index.scss
@@ -240,11 +240,15 @@ table.table-bordered {
 
 /* override search settings for mobile */
 @media only screen and (max-width: 767px) {
-  .site-header .container .search-container {
-    display: block;
+  /* reduce font-size so mobile UI fits */
+  .site-header .org-name-dept {
+    font-size: var(--org-name-dept-font-size, 1.35rem);
   }
+//   .site-header .container .search-container {
+//     display: block;
+//   }
   
-  .site-header .grid-search {
-    grid-area: inherit;
-  }
+//   .site-header .grid-search {
+//     grid-area: inherit;
+//   }
 }
\ No newline at end of file

From cc6a2a8f8047ca0be270e8c5cba79ac9d3910ca8 Mon Sep 17 00:00:00 2001
From: Jim Bumgardner <jbum@jbum.com>
Date: Fri, 9 Aug 2024 13:52:16 -0700
Subject: [PATCH 3/4] Shortened site name on mobile so icons fit.

---
 src/css/index.scss | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/css/index.scss b/src/css/index.scss
index d66eace8..532c03ae 100644
--- a/src/css/index.scss
+++ b/src/css/index.scss
@@ -244,11 +244,7 @@ table.table-bordered {
   .site-header .org-name-dept {
     font-size: var(--org-name-dept-font-size, 1.35rem);
   }
-//   .site-header .container .search-container {
-//     display: block;
-//   }
-  
-//   .site-header .grid-search {
-//     grid-area: inherit;
-//   }
+  .site-header .grid-org-name {
+    width: 250px;
+  }
 }
\ No newline at end of file

From 88fd6da557be0f2193c3739c61216310fa85da65 Mon Sep 17 00:00:00 2001
From: Jim Bumgardner <jbum@jbum.com>
Date: Fri, 9 Aug 2024 14:08:40 -0700
Subject: [PATCH 4/4] Nudged height of hamburger box.

---
 src/css/index.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/css/index.scss b/src/css/index.scss
index 532c03ae..2cfdba18 100644
--- a/src/css/index.scss
+++ b/src/css/index.scss
@@ -247,4 +247,7 @@ table.table-bordered {
   .site-header .grid-org-name {
     width: 250px;
   }
+  .site-header .hamburger {
+    top:-4px !important;
+  }
 }
\ No newline at end of file