Adjusted table component

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,8 +103,14 @@
     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
     text-align: center