Tweaking padding for search results

jaedb · Oct 13, 2023 · b6c78b5 · b6c78b5
1 parent 14cbdf1
commit b6c78b5
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 6 deletions.
diff --git a/src/js/components/SearchResults.js b/src/js/components/SearchResults.js
@@ -48,9 +48,9 @@ const SearchResults = ({
             <URILink uri={`iris:search:all:${encodedProviders}:${encodedTerm}`} uriType="search" unencoded>
               <I18n path="search.title" />
             </URILink>
-            {' '}
+            <span style={{ display: 'inline-block', width: 10 }} />
             <Icon type="fontawesome" name="angle-right" />
-            {' '}
+            <span style={{ display: 'inline-block', width: 10 }} />
             <I18n path={`search.${type}.title`} />
           </span>
         )}

diff --git a/src/scss/global/_core.scss b/src/scss/global/_core.scss
@@ -741,7 +741,7 @@ footer {
   }
 
   h4 {
-    font-size: 1.3rem;
+    font-size: 1.4rem;
   }
 
   h5 {
@@ -773,7 +773,7 @@ footer {
   }
 
   h4 {
-    font-size: 1.1rem;
+    font-size: 1.2rem;
   }
 
   h5 {

diff --git a/src/scss/views/_artist.scss b/src/scss/views/_artist.scss
@@ -123,7 +123,7 @@
 
         .sub-views {
           margin-left: 5px;
-          padding-top: 10px;
+          padding-top: 30px;
 
           .option {
             margin: 0 8px;

diff --git a/src/scss/views/_search.scss b/src/scss/views/_search.scss
@@ -81,6 +81,10 @@
   }
 
   @include responsive($bp_medium) {
+    header {
+      margin-bottom: 0;
+    }
+
     .search-form {
       top: 10px;
       left: 40px;
@@ -97,7 +101,7 @@
     }
 
     .search-result-sections {
-      padding: 10px 10px 0;
+      // padding: 10px 10px 0;
 
       section {
         width: auto;
-Original file line number
+Diff line change
@@ Expand Up / @@ -741,7 +741,7 @@ footer { @@
       }
       h4 {
-        font-size: 1.3rem;
+        font-size: 1.4rem;
       }
       h5 {
@@ Expand Down Expand Up / @@ -773,7 +773,7 @@ footer { @@
       }
       h4 {
-        font-size: 1.1rem;
+        font-size: 1.2rem;
       }
       h5 {
@@ Expand Down @@