Get rid of text wrap in search header

cornell-dti · Jan 15, 2025 · 78b408b · 78b408b
1 parent 26c9daa
commit 78b408b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/client/src/modules/Results/Components/ResultsDisplay.tsx b/client/src/modules/Results/Components/ResultsDisplay.tsx
@@ -269,7 +269,7 @@ export const ResultsDisplay = ({
           <div className={styles.layout} data-cy="results-display">
             {/* Case where no results returned */}
             <div className={styles.leftbar}>
-              {courseList.length !== 0 && <h1> Search Results </h1>}
+              {courseList.length !== 0 && <h1 className={styles.header}> Search Results </h1>}
               {/*<button*/}
               {/*  className={styles.filterbutton}*/}
               {/*  onClick={() => setSearchListViewEnabled(!searchListViewEnabled)}*/}

diff --git a/client/src/modules/Results/Styles/Results.module.css b/client/src/modules/Results/Styles/Results.module.css
@@ -22,8 +22,9 @@ html {
   flex-flow: column nowrap;
 }
 
-.leftbar > h1 {
+.header {
   width: 100%;
+  white-space: nowrap;
   margin-bottom: 30px;
 }
 
@@ -191,7 +192,7 @@ html {
     padding: 36px 25px;
   }
 
-  .leftbar > h1 {
+  .header {
     margin-bottom: 10px;
   }