From d519a3f839093fd3c5b3b16842a9c508baa9a264 Mon Sep 17 00:00:00 2001
From: sergiotarxz <sergiotarxz@posteo.net>
Date: Fri, 5 May 2023 16:42:46 +0200
Subject: [PATCH] =?UTF-8?q?Fixing=20styles=20for=20Pizzer=C3=ADa=20Genuino?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/styles.css  | 10 +++++++++-
 public/css/styles.scss | 17 +++++++++++++++++
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/public/css/styles.css b/public/css/styles.css
index 9fa38f5..31b9eed 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -43,7 +43,11 @@ body {
       color: blueviolet;
       background: #f2eb8c;
       border: 3px solid blueviolet;
-      border-collapse: collapse; }
+      border-collapse: collapse;
+      width: 100%;
+      table-layout: fixed; }
+      body div.page-contents table td, body div.page-contents table th {
+        font-size: 9px; }
     body div.page-contents th, body div.page-contents td {
       border: 3px solid blueviolet;
       border-collapse: collapse;
@@ -171,6 +175,10 @@ body {
       width: 20px;
       height: 20px; }
 
+@media (min-width: 450px) {
+  body div.page-contents table th, body div.page-contents table td {
+    font-size: initial; } }
+
 @media (min-width: 1100px) {
   body div.page-contents {
     top: 0%;
diff --git a/public/css/styles.scss b/public/css/styles.scss
index 317f390..f2afdf5 100644
--- a/public/css/styles.scss
+++ b/public/css/styles.scss
@@ -59,6 +59,11 @@ body {
 			background: $color_div;
 			border: 3px solid $background_div;
 			border-collapse: collapse;
+            width: 100%;
+            td,th {
+                font-size: 9px;
+            }
+            table-layout: fixed;
 		}
 		th,td {
 			border: 3px solid $background_div;
@@ -238,6 +243,18 @@ body {
 
 }
 
+@media (min-width: 450px) {
+    body {
+        div.page-contents {
+            table {
+                th, td {
+                    font-size: initial;
+                }
+            }
+        }
+    }
+}
+
 @media (min-width: 1100px) {
 	body {
 		div.page-contents {