From b0b6448e7c3314e3878b7643b8d79547fa21d82a Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Thu, 9 Nov 2023 10:11:33 -0600
Subject: [PATCH] UX: Style adjustments and fixes (#44)

---
 common/common.scss | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/common/common.scss b/common/common.scss
index 8c3d151..ab21f3e 100644
--- a/common/common.scss
+++ b/common/common.scss
@@ -38,20 +38,22 @@ $max-width: 600px;
     position: relative;
     display: flex;
     flex-wrap: wrap;
+    .d-icon-search {
+      margin: 0;
+    }
     .browser-search-tip {
       display: none;
     }
-    input[type="text"] {
+    .search-input input#search-term[type="text"] {
       margin: 0;
       width: 100%;
-      padding-right: 4em;
+      padding-left: 2.25em;
     }
   }
 
   .search-input {
     flex: 1 1 auto;
     margin: 0;
-    padding: 0;
     .searching {
       // spinner
       top: 0.4em;
@@ -75,15 +77,10 @@ $max-width: 600px;
   .btn.search-icon {
     position: absolute;
     z-index: 2;
-    order: 2;
-    right: 0;
     background: transparent;
-    padding-top: 0.6em;
     line-height: 1;
-    color: var(--primary-high);
-    .d-icon {
-      margin: 0 0 0 0.33em;
-    }
+    color: var(--primary-medium);
+    height: 100%;
     .discourse-no-touch & {
       &:hover {
         background: transparent;
@@ -108,7 +105,7 @@ $max-width: 600px;
     margin-left: auto;
     margin-right: auto;
     left: 0;
-    top: 2.4em;
+    top: 2.75em;
     right: 0;
     padding: 0.5em;
     @include breakpoint(mobile-extra-large) {
@@ -119,6 +116,9 @@ $max-width: 600px;
       list-style-type: none;
       margin: 0;
     }
+    .d-icon-search {
+      display: none;
+    }
   }
 
   .searching a.show-advanced-search {