fix css

cornell-dti · Dec 26, 2023 · 1f1d65a · 1f1d65a
1 parent 5279b9f
commit 1f1d65a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 5 deletions.
diff --git 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
@@ -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