Tweaking padding for search results

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>
         )}

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 {

src/scss/views/_artist.scss

@@ -123,7 +123,7 @@
 
         .sub-views {
           margin-left: 5px;
-          padding-top: 10px;
+          padding-top: 30px;
 
           .option {
             margin: 0 8px;

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;