Padding on title + asset display spacing fixed + removed unused feather.js call in fullpage

client/scss/asset-display/_asset-display.scss

@@ -34,6 +34,10 @@
   letter-spacing: 0;
   text-align: center;
   line-height: 32px;
+
+  @media (max-width: $break-point-tablet) {
+    padding: 0 20px;
+  }
 }
 
 .asset-image, .asset-video {
@@ -52,10 +56,6 @@
   padding: 6px;
 }
 
-// .vertical-split .asset-display {
-//     height: 90vh;
-// }
-
 .visible-content {
   width: 100%;
   margin: 0;
@@ -137,6 +137,6 @@
   border-top: 1px solid $grey-alt;
   padding-bottom: 80px;
   @media (max-width: $break-point-tablet) {
-    padding: 0;
+    padding-bottom: 0;
   }
 }

client/scss/text/_text.scss

@@ -116,7 +116,7 @@ p, body, button, input, textarea, label, select, option {
   }
 
   p, body, button, input, textarea, label, select, option {
-    font-size: $text-small;
+    font-size: 15px;
   }
 
   .text--extra-large {
@@ -146,7 +146,7 @@ p, body, button, input, textarea, label, select, option {
   }
 
   p, body, button, input, textarea, label, select, option {
-    font-size: $text-x-small;
+    font-size: 15px;
   }
 
   .text--extra-large {

server/render/renderFullPage.js

@@ -23,7 +23,6 @@ module.exports = (helmet, html, preloadedState) => {
                 window.__PRELOADED_STATE__ = ${JSON.stringify(preloadedState).replace(/</g, '\\\u003c')}
             </script>
             <script src="/bundle/bundle.js"></script>
-            <script src="/assets/js/feather.min.js"></script>
         </body>
     </html>
   `;