From d2bf16d2ea7fbe91e6df28c8783f93a5a30b1b88 Mon Sep 17 00:00:00 2001
From: NicolasCantu <nicolas.cantu@pm.me>
Date: Tue, 15 Oct 2024 10:35:25 +0200
Subject: [PATCH] Update css to center elements

---
 public/style/4nk.css | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/public/style/4nk.css b/public/style/4nk.css
index 4da1876..75b44ea 100644
--- a/public/style/4nk.css
+++ b/public/style/4nk.css
@@ -158,6 +158,10 @@ body {
     grid-column: 2 / 7;
     grid-row: 3 ;
     justify-content: center;
+    display: flex;
+    padding: 1rem;
+    box-sizing: border-box;
+    max-height: 50vh;
   }
 
   h1 {
@@ -247,7 +251,7 @@ body {
       .tab-content.active {
         display: flex;
         flex-direction: column;
-        justify-content: space-evenly;
+        justify-content: center;
         align-items: center;
         height: 80%;
       }
@@ -292,6 +296,7 @@ body {
     border-radius: 8px;
     background-color: white;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    box-sizing: border-box;
     overflow: hidden;
     display: flex;
     flex-direction: column;
@@ -299,13 +304,18 @@ body {
     text-align: center;
     min-height: 40vh;
     max-height: 60vh;
-    justify-content: space-between;
+    justify-content: flex-start;
     padding: 1rem;
     overflow-y: auto;
 
   }
   
   .card-content {
+    flex-grow: 1;
+    flex-direction: column;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
     text-align: left;
     font-size: .8em;
     position: relative;
@@ -331,6 +341,11 @@ body {
     font-size: 1em;
     color: #333;
     width: 90%;
+    height: 50px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 20px;
   }