From ce49190066fee642d3624d7cac460d55ea2d0a8e Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@outlook.com>
Date: Sat, 20 Jul 2024 23:09:01 +0100
Subject: [PATCH] fix: button click effect

---
 web/style.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/web/style.css b/web/style.css
index 6b47658..611f00e 100644
--- a/web/style.css
+++ b/web/style.css
@@ -55,12 +55,23 @@ h6 {
 }
 
 .container {
-  width: 50%;
   display: flex;
   flex-direction: column;
   align-items: start;
 }
 
+@media (min-width: 768px) {
+  .container {
+    width: 80%;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    width: 50%;
+  }
+}
+
 .button-container {
   margin-top: 2rem;
   display: flex;
@@ -106,7 +117,7 @@ h6 {
 .button:active {
   background: var(--text) !important;
   color: var(--base);
-  transform: translate(2px, 2px);
+  transform: translate(4px, 4px);
 }
 
 .button:active::after {