From df32651d0ddfb36a67a40afa2e3c025590342d1f Mon Sep 17 00:00:00 2001
From: sel <sel@disroot.org>
Date: Sun, 9 Aug 2026 13:21:01 +0200
Subject: [PATCH] feat: tweaked the css of the buttons section

---
 themes/webbed-theme/assets/css/main.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/themes/webbed-theme/assets/css/main.css b/themes/webbed-theme/assets/css/main.css
index c32ef5c..56c52e7 100644
--- a/themes/webbed-theme/assets/css/main.css
+++ b/themes/webbed-theme/assets/css/main.css
@@ -129,17 +129,18 @@ section > div.buttons {
 
 .buttons > p {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(88px, 20%));
-  justify-content: start;
-  gap: 0;
+  justify-content: center;
+  grid-template-columns: repeat(auto-fill, minmax(clamp(176px, 20vw, 440px), 1fr));
+  gap: 0.5rem;
 }
 
-.buttons > p > img,
-.buttons > p > a > img {
+.buttons img {
   width: 100%;
-  height: auto;
+  height: clamp(88px, auto, 440px);
   image-rendering: pixelated;
+  object-fit: cover;
   display: block;
+  border-radius: 0.25rem;
 }
 
 main {