From 2cea99f194bb8de2a1fb551720ab75e32c4aff41 Mon Sep 17 00:00:00 2001
From: deflax <daniel@deflax.net>
Date: Wed, 5 Mar 2025 13:23:33 +0000
Subject: [PATCH] Set grid gap, border radius and minmax 120px

---
 src/api/app/static/css/root.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/api/app/static/css/root.css b/src/api/app/static/css/root.css
index 8103ec6..77bba56 100644
--- a/src/api/app/static/css/root.css
+++ b/src/api/app/static/css/root.css
@@ -39,7 +39,8 @@ video {
 
 .gallery {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 3fr));
+    grid-gap: 10px;
+    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
 }
 
 .gallery .gallery-item {
@@ -47,6 +48,7 @@ video {
     position: relative;
     cursor: pointer;
     box-sizing: border-box;
+    border-radius: 5px;
 }
 
 .gallery img {
@@ -58,7 +60,7 @@ video {
 }
 
 .gallery .gallery-item:hover img {
-    transform: scale(1.05);
+    transform: scale(1.03);
     -webkit-filter: grayscale(1);
     filter: grayscale(1);
 }