From d210b3a6465c9e19944f356e90d94bbc60a44b4b Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Wed, 13 Jul 2022 12:22:50 -0400
Subject: [PATCH] form elements inherit height from flex

---
 groups/home/LibAnswers-4-js-css.html       | 5 +++++
 groups/home/LibAnswers-SlideOutChat-4.html | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/groups/home/LibAnswers-4-js-css.html b/groups/home/LibAnswers-4-js-css.html
index 27f12e2..14f28af 100644
--- a/groups/home/LibAnswers-4-js-css.html
+++ b/groups/home/LibAnswers-4-js-css.html
@@ -280,7 +280,11 @@ a.no-underline { text-decoration: none; }
                 flex-direction: row;
                 justify-content: center;
         }
+        .inherit-height-from-flex {
+                height: inherit;
+        }
  
+        /* shadow for the search bar */
         #blue-border1 {
                 box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
         }
@@ -290,6 +294,7 @@ a.no-underline { text-decoration: none; }
         #blue-border3 {
                 box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), 5px -5px 0 var(--kbccblue), 5px 5px 0 var(--kbccblue);
         }
+
         .nav-by-jumbotron { margin-top: 0px !important; }
         #lighthouse-logo {
                 display: inline-block;
diff --git a/groups/home/LibAnswers-SlideOutChat-4.html b/groups/home/LibAnswers-SlideOutChat-4.html
index 422ffaf..3658268 100644
--- a/groups/home/LibAnswers-SlideOutChat-4.html
+++ b/groups/home/LibAnswers-SlideOutChat-4.html
@@ -323,10 +323,10 @@
                                                          </div>
                                                          <label class="sr-only" for="primoQueryTemp">Search terms</label>
                                                          <div class="input-group zero-margin form-width" id="blue-border2">
-                                                                 <input type="text" class="form-control form-width" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
+                                                                 <input type="text" class="form-control form-width inherit-height-from-flex" name="queryTemp" id="primoQueryTemp" type="search" value="" placeholder="Enter search term here">
                                                          </div>
                                                          <div class="input-group zero-margin" id="blue-border3">
-                                                                 <input type="submit" class="btn btn-default form-control onesearchsubmit" value="Search" type="submit" onclick="return addPrimoQuery(event);" />
+                                                                 <input type="submit" class="btn btn-default form-control onesearchsubmit inherit-height-from-flex" value="Search" type="submit" onclick="return addPrimoQuery(event);" />
                                                          </div>
                                                  </div>
                                          </form>