Tweak css

Author: jcraigk

app/javascript/components/Eras.jsx

@@ -95,7 +95,7 @@ const Eras = () => {
         <div className="main-row">
           <span className="leftside-primary">
             <CoverArt coverArtUrls={cover_art_urls} css="cover-art-small" />
-            <span className="text date">{period}</span>
+            <span className="text has-text-weight-bold">{period}</span>
           </span>
           <span className="leftside-secondary">
             {formatNumber(venues_count, "venue")}

app/javascript/stylesheets/application.css.scss

@@ -145,7 +145,6 @@ a {
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
-  background-attachment: fixed;
   filter: blur(100px);
   opacity: 0.8;
   z-index: 0;

app/javascript/stylesheets/content.css.scss

@@ -240,6 +240,7 @@ main {
 
   .cover-art {
     display: inline-block;
+    margin-right: 0.2rem;
   }
 
   .main-row {
@@ -306,7 +307,6 @@ main {
     white-space: nowrap;
     width: 10rem;
     margin-right: 0.5rem;
-    flex-shrink: 0;
   }
 
   .rightside-group {
@@ -547,7 +547,7 @@ main {
   }
 }
 
-@media (max-width: 1199px) {
+@media (max-width: 768px) {
   .leftside-tertiary {
     display: none;
   }