From 98859f71ffb699ef79d7f4b8b285ff198c1b5e33 Mon Sep 17 00:00:00 2001
From: Daniel-I-Am <djdecloet@gmail.com>
Date: Sun, 19 Jun 2022 17:41:46 +0200
Subject: [PATCH] Improve scaling of images in list

---
 assets/sass/_list.scss | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/assets/sass/_list.scss b/assets/sass/_list.scss
index ebd54c6..a57e076 100644
--- a/assets/sass/_list.scss
+++ b/assets/sass/_list.scss
@@ -1,4 +1,4 @@
-$list-item-image-size: 32px;
+$list-item-image-size: 24px;
 
 .list {
     .header {
@@ -60,8 +60,13 @@ $list-item-image-size: 32px;
                 }
 
                 .list-item-image {
-                    max-width: $list-item-image-size;
-                    max-height: $list-item-image-size;
+                    width: $list-item-image-size;
+                    height: $list-item-image-size;
+
+                    @media (max-width: $md) {
+                        width: $list-item-image-size * 0.75;
+                        height: $list-item-image-size * 0.75;
+                    }
 
                     margin-right: 1rem;
                 }