From 0ed50c172e9a02788852e22fa5835d0746456ce7 Mon Sep 17 00:00:00 2001
From: f0x52 <f0x@cthu.lu>
Date: Tue, 7 Feb 2023 10:00:13 +0100
Subject: [PATCH] [chore/frogend] domain blocklist layout on smaller screens
 (#1436)

---
 web/source/css/base.css | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/source/css/base.css b/web/source/css/base.css
index 06ce28ff6..a211919c5 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -470,7 +470,7 @@ label {
 
 	.entry {
 		display: grid;
-		grid-template-columns: 15rem 1fr;
+		grid-template-columns: max(30%, 10rem) 1fr;
 		gap: 0.5rem;
 		align-items: start;
 		border: $boxshadow-border;
@@ -495,4 +495,11 @@ label {
 	.header .domain {
 		color: $fg;
 	}
+}
+
+@media screen and (max-width: 30rem) {
+	.domain-blocklist .entry {
+		grid-template-columns: 1fr;
+		gap: 0;
+	}
 }
\ No newline at end of file