Bug fixes for sort dropdown, help guide button and next buttons. (#1961)

CenterForOpenScience · Aug 23, 2023 · 23d9714 · 23d9714
1 parent 6a6bf0b
commit 23d9714
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/lib/osf-components/addon/components/search-page/styles.scss b/lib/osf-components/addon/components/search-page/styles.scss
@@ -39,6 +39,7 @@ body {
             margin-left: 0;
             position: absolute;
             right: 0.1rem;
+            margin-right: -5px;
         }
     }
 }
@@ -225,6 +226,7 @@ body {
 
     .enumeration {
         float: left;
+        white-space: nowrap;
     }
 
     h2 {
@@ -236,7 +238,7 @@ body {
 
     p {
         white-space: normal;
-        margin: 25px 5px 20px;
+        margin: 25px 5px 0;
     }
 
     .skip-button {
@@ -248,13 +250,15 @@ body {
         display: flex;
         justify-content: space-between;
         align-items: baseline;
+        margin-bottom: 0.5rem;
     }
 
     .help-button-wrapper {
         display: flex;
         justify-content: flex-end;
+        padding: 0;
 
-        button:first-of-type {
+        .skip-button {
             margin-right: 20px;
         }
     }
@@ -275,8 +279,7 @@ body {
 
 .sort-dropdown {
     background-color: $color-bg-gray-blue-light;
-    display: flex;
-    align-items: flex-end;
+    align-self: flex-end;
     padding-bottom: 10px;
     margin-left: 10px;
 

diff --git a/lib/osf-components/addon/components/search-page/template.hbs b/lib/osf-components/addon/components/search-page/template.hbs
@@ -371,7 +371,7 @@ as |layout|>
             <p data-test-help-body-3>{{t 'search.search-help.body-3' htmlSafe=true}}</p>
             <span local-class='pagination'>
                 <p local-class='enumeration' data-test-help-enumeration-3>{{t 'search.search-help.index-3'}}</p>
-                <span local-class='help-button-wrappers'>
+                <span local-class='help-button-wrapper'>
                     <Button
                         data-test-help-done
                         data-analytics-name='Complete help'