From 1f1d65a923918a8e516420172b0313aa528e8ec4 Mon Sep 17 00:00:00 2001
From: Michelle Li <michelleyli123@gmail.com>
Date: Tue, 26 Dec 2023 16:36:29 -0500
Subject: [PATCH] fix css

---
 .../SearchBar/Components/SearchBar.tsx        |  4 ++--
 .../SearchBar/Styles/SearchBar.module.css     | 22 ++++++++++++++++---
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/client/src/modules/SearchBar/Components/SearchBar.tsx b/client/src/modules/SearchBar/Components/SearchBar.tsx
index 1ddd639fe..14762e05e 100644
--- a/client/src/modules/SearchBar/Components/SearchBar.tsx
+++ b/client/src/modules/SearchBar/Components/SearchBar.tsx
@@ -187,7 +187,7 @@ export const SearchBar = ({
           key={'search'}
           className={
             index === 0 && mouse !== 1
-              ? 'active-class resultbutton top-resultbutton'
+              ? 'active-class'
               : 'resultbutton top-resultbutton'
           }
           href={`/results/keyword/${query.split(' ').join('+')}`}
@@ -286,7 +286,7 @@ export const SearchBar = ({
     >
       <div
         className={
-          `col-xl-12 col-lg-12 col-md-12 col-sm-12 ${styles.searchbar} ` +
+          `${styles.searchbar}` +
           `${isInNavbar ? styles.searchbarInNavbar : ''}`
         }
       >
diff --git a/client/src/modules/SearchBar/Styles/SearchBar.module.css b/client/src/modules/SearchBar/Styles/SearchBar.module.css
index 07e308f50..69e6cb71b 100644
--- a/client/src/modules/SearchBar/Styles/SearchBar.module.css
+++ b/client/src/modules/SearchBar/Styles/SearchBar.module.css
@@ -1,6 +1,4 @@
-/* Searchbar Normal (Non-Popup) */
-
-@media screen and (max-width: 992px) {
+Searchbar Normal (Non-Popup) @media screen and (max-width: 992px) {
   .searchbar {
     height: 42px;
   }
@@ -29,6 +27,7 @@
 }
 
 .searchbar {
+  width: 100%;
   background-color: transparent;
   display: inline-block;
   padding: 0;
@@ -83,6 +82,23 @@
   border-radius: 0 0 10px 10px;
 }
 
+.resultText {
+  display: inline-block;
+  text-overflow: ellipsis;
+  font-family: 'Source Sans Pro', sans-serif;
+  font-size: 18px;
+  font-weight: var(--regular-weight) !important;
+  line-height: normal;
+  letter-spacing: 0.001em;
+  color: #000000;
+  padding-top: 1.5px;
+  text-align: left;
+  cursor: pointer;
+  width: 86%; /* Made to fit in with the course/subject colored label, which is max width 12% */
+  display: flex;
+  margin: 0;
+}
+
 /* Selects all 'output' class objects that are decendents
     of 'contrastingResultBackground' class .
     Used to add background contrasting color to searchbar