From 78850a7145f7faa0b55ec88e472b29919d6d81d4 Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Thu, 4 Jul 2024 00:54:08 +0700
Subject: [PATCH] wrap quickbuttons

---
 style.css | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/style.css b/style.css
index 6fd1412..9aecb03 100644
--- a/style.css
+++ b/style.css
@@ -70,14 +70,12 @@ h1 {
 }
 
 .button {
-  height: 1cm;
   border-radius: 6px;
   text-decoration: none;
   font-weight: bold;
   padding: 10px 10px;
-  margin-top: 1cm;
-  margin-bottom: 1cm;
   margin-right: 0.25cm;
+  margin-bottom: 0.25cm;
   transition-duration: 0.2s;
 }
 
@@ -100,17 +98,15 @@ h1 {
 }
 
 .gtk-button {
-  height: 1cm;
   border-radius: 6px;
-  background-color: rgba(53, 132, 228, 1);
-  color: white;
   text-decoration: none;
   font-weight: bold;
   padding: 10px 10px;
-  margin-top: 1cm;
-  margin-bottom: 1cm;
   margin-right: 0.25cm;
+  margin-bottom: 0.25cm;
   transition-duration: 0.2s;
+  background-color: rgba(53, 132, 228, 1);
+  color: white;
 }
 
 .gtk-button:hover {
@@ -163,6 +159,8 @@ h1 {
 .quickbuttons {
   margin-top: 1cm;
   margin-bottom: 1cm;
+  display: flex;
+  flex-wrap: wrap;
 }
 
 /* For tablet screens */