From 9fcfdf78e2fb136ee15190726aa695c39cbed7dc Mon Sep 17 00:00:00 2001
From: Harald Eilertsen <haraldei@anduin.net>
Date: Thu, 18 Apr 2019 17:58:43 +0200
Subject: =?UTF-8?q?Gj=C3=B8r=20release=20og=20tracklist=20sidene=20bedre?=
 =?UTF-8?q?=20p=C3=A5=20mobil.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 blog/_assets/stylesheets/_releases.scss  | 1 +
 blog/_assets/stylesheets/_tracklist.scss | 9 ++++++---
 blog/_assets/stylesheets/main.scss       | 5 +++++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/blog/_assets/stylesheets/_releases.scss b/blog/_assets/stylesheets/_releases.scss
index 97fc00d..3a6999d 100644
--- a/blog/_assets/stylesheets/_releases.scss
+++ b/blog/_assets/stylesheets/_releases.scss
@@ -2,6 +2,7 @@
     display: flex;
     flex-direction: column;
     width: 412px;
+    max-width: 100%;
     text-align: center;
     padding-top: 2mm;
 }
diff --git a/blog/_assets/stylesheets/_tracklist.scss b/blog/_assets/stylesheets/_tracklist.scss
index e019a12..74195e6 100644
--- a/blog/_assets/stylesheets/_tracklist.scss
+++ b/blog/_assets/stylesheets/_tracklist.scss
@@ -17,15 +17,18 @@
         }
         .track-info {
             padding: {
-                left: 10mm;
+                left: 5mm;
                 right: 5mm;
                 top: 3mm;
                 bottom: 3mm;
             }
-            background-color: rgba(0, 0, 0, 0.7);
-            display: flex;
+            background-color: $content-bg;
+            @media (min-width: 800px) {
+              display: flex;
+            }
             img {
                 margin-right: 3mm;
+                flex: 1 0 auto;
             }
         }
     }
diff --git a/blog/_assets/stylesheets/main.scss b/blog/_assets/stylesheets/main.scss
index 5847972..5ce5218 100644
--- a/blog/_assets/stylesheets/main.scss
+++ b/blog/_assets/stylesheets/main.scss
@@ -38,6 +38,11 @@ h1 {
     font-size: $huge-font-size;
 }
 
+img {
+    max-width: 100%;
+    height: auto;
+}
+
 #page-container {
     max-width: 980px;
     margin: {
-- 
cgit v1.2.3