update: alignment, width, colour

app.py

@@ -78,23 +78,26 @@ body {
     margin: 0; /* Remove default margin */
     overflow-y: auto; /* Allow vertical scrolling if needed */
 }
+
 .custom-row {
     display: flex;
     justify-content: center; /* Align horizontally */
     align-items: center;     /* Align vertically */
-    padding: 10px;           /* Reduced padding for a smaller layout */
+    padding: 10px;           /* Adjust as needed for spacing */
 }
 
 .custom-button {
-    background-color: #6a1b9a;
+    background-color: #800000;
     color: white;
     font-size: 12px;         /* Smaller font size */
-    width: 80px;             /* Reduced width */
-    height: 30px;            /* Reduced height */
+    width: auto;             /* Automatically fit content */
+    min-width: 80px;         /* Set a minimum width */
+    height: 35px;            /* Reduced height */
     border-radius: 6px;      /* Slightly rounded corners */
+    padding: 0 10px;         /* Add horizontal padding for content */
     cursor: pointer;
-    margin: 0;               /* No extra margin around the button */
     text-align: center;
+    display: inline-block;   /* Ensure proper sizing */
 }