From b66086be38313e8825aaa93e45814b3d9e46dee7 Mon Sep 17 00:00:00 2001
From: SinTan1729 <sayantan.santra689@gmail.com>
Date: Mon, 18 Mar 2024 16:02:45 -0500
Subject: [PATCH] fix: Centering on mobile UI

---
 resources/static/styles.css | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/resources/static/styles.css b/resources/static/styles.css
index 9dce187..723ab72 100644
--- a/resources/static/styles.css
+++ b/resources/static/styles.css
@@ -29,13 +29,20 @@ table tr td div {
 }
 
 td[name="deleteBtn"] {
-    text-align: center;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 }
 
 td[name="deleteBtn"] button {
     border-radius: 50%;
+    aspect-ratio: 1;
     border-style: solid;
     cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: bold;
     background-color: transparent;
 }
 
@@ -102,6 +109,7 @@ dialog form {
 
     table td {
         display: flex;
+        justify-content: left !important;
     }
 
     table td::before {
@@ -112,7 +120,13 @@ dialog form {
         text-align: left;
     }
 
+    td[name="deleteBtn"] button {
+        border-radius: 50%;
+        aspect-ratio: 1;
+    }
+
     .pure-table caption {
         padding-top: 0px;
     }
 }
+