From dd2e551b129806c495a1e3a0c1c5a0ddd3fb5b1e Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Fri, 6 Mar 2026 16:55:50 +0800
Subject: [PATCH] Adjusted table component

---
 src/styles/classes.sass | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/styles/classes.sass b/src/styles/classes.sass
index 47b051b..a064e34 100644
--- a/src/styles/classes.sass
+++ b/src/styles/classes.sass
@@ -1,4 +1,5 @@
 @use '/src/styles/variables.sass' as vars
+// @use '/src/styles/breakpoint.sass' as view
 @use 'sass:color'
 
 .fullscreen
@@ -86,14 +87,13 @@
   box-shadow: inset 0 1px 2px #16212C, 0 2px 4px #2a3f5332, 0 4px 8px #344c654e
 
   th, td
-    padding: 0.75rem
     text-align: left
     font-size: 1rem
 
   th
     background-color: vars.$tableHeaderBackground
     color: vars.$textColor
-    padding: 1rem
+    padding: 1.25rem
 
   th:nth-child(1)
     text-align: center
@@ -103,7 +103,13 @@
     border-radius: 0 1rem 0 0
 
   td
+    padding: 0.75rem
+    font-size: 1rem
     background-color: rgba(color.adjust(vars.$background, $blackness: 5%), 0.8)
+    
+    @media only screen and (max-width: 1080px)
+      font-size: 0.75rem
+      font-weight: 500
 
   td:nth-child(1)
     width: 10rem