From b49f1156cf330c34a2795a20c4333c088f3566bc Mon Sep 17 00:00:00 2001
From: Janne Mareike Koschinski <janne@kuschku.de>
Date: Fri, 22 Apr 2022 19:12:47 +0200
Subject: [PATCH] fix: correct css on small screens
---
assets/sass/_page_image_list.sass | 3 +++
assets/sass/_pagination.sass | 2 +-
2 files changed, 4 insertions(+), 1 deletion(-)
diff --git a/assets/sass/_page_image_list.sass b/assets/sass/_page_image_list.sass
index 2a91210..d4207f0 100644
--- a/assets/sass/_page_image_list.sass
+++ b/assets/sass/_page_image_list.sass
@@ -7,6 +7,9 @@
align-self: stretch
width: calc(100% - 16px)
+ @media (max-width: 600px)
+ grid-template-columns: repeat(auto-fill, minmax(160px, 1fr))
+
.image
padding: 8px
position: relative
diff --git a/assets/sass/_pagination.sass b/assets/sass/_pagination.sass
index c0d1733..60e22f4 100644
--- a/assets/sass/_pagination.sass
+++ b/assets/sass/_pagination.sass
@@ -10,7 +10,7 @@ ul.pagination
grid-column-end: -1
max-width: 480px
justify-self: center
- width: 100%
+ width: calc(100% - 16px)
li.page
appearance: none
--
GitLab