From b3da346d3778d9149bf4b99b4f5fb0050794ae2d Mon Sep 17 00:00:00 2001
From: Ashley Robinson <ashley@cos.io>
Date: Wed, 23 Aug 2023 00:20:17 -0400
Subject: [PATCH] Removed sidenav toggle styling, removed justify content
 property, updated to not use not selector for help button, added nowrap to
 prevent text wrapping on heading wrapper h1, updated sort by label dropdown
 div to have same pixel value as resource type, updated media query pixel
 allocation for dropdown toggle.

---
 .../addon/components/search-page/styles.scss  | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/lib/osf-components/addon/components/search-page/styles.scss b/lib/osf-components/addon/components/search-page/styles.scss
index a4d7bf9385..359cdf8aee 100644
--- a/lib/osf-components/addon/components/search-page/styles.scss
+++ b/lib/osf-components/addon/components/search-page/styles.scss
@@ -1,8 +1,15 @@
 // stylelint-disable max-nesting-depth, selector-max-compound-selectors, selector-no-qualifying-type
+
 body {
     background-color: $color-bg-gray-blue-light;
 }
 
+.search-page-mobile {
+    > div:first-of-type {
+        margin-left: 0;
+    }
+}
+
 .heading-wrapper-mobile {
     background-image: url('images/default-brand/bg-dark.jpg');
     background-color: $osf-dark-blue-navbar;
@@ -15,6 +22,7 @@ body {
         font-weight: 500;
         margin: 0.2rem;
         padding: 0.75rem 0 0.5rem 0.5rem;
+        white-space: nowrap;
     }
 
     span {
@@ -33,10 +41,6 @@ body {
             right: 0.1rem;
         }
     }
-
-    .sidenav-toggle {
-        width: 100%;
-    }
 }
 
 .left-panel-mobile {
@@ -53,7 +57,7 @@ body {
         margin-bottom: 1rem;
 
         label > div {
-            width: 193px;
+            width: 195px;
         }
     }
 }
@@ -81,7 +85,6 @@ body {
     color: $color-text-white;
     display: flex;
     align-items: center;
-    justify-content: flex-start;
     padding: 35px;
 
     label {
@@ -91,6 +94,7 @@ body {
 
     .heading-label > h1 {
         margin: 0;
+        white-space: nowrap;
     }
 }
 
@@ -140,7 +144,7 @@ body {
     }
 
     .search-button-wrapper {
-        button:not(.search-button, .help-button-mobile) {
+        .help-button {
             border-radius: 5px;
         }
 
@@ -357,12 +361,13 @@ body {
 }
 
 // for sizing between mobile and desktop
-@media screen and (min-width: 899px) and (max-width: 1250px) {
+@media screen and (min-width: 899px) and (max-width: 1275px) {
     .search-page > div:first-of-type {
         margin: 0 auto;
     }
 
     .heading-wrapper > label {
+        white-space: nowrap;
         padding-left: 0;
         margin: 0;
     }