Update app.py

app.py

@@ -58,30 +58,30 @@ def respond(message, history, name, char_class, char_alignment):
 # === GUI ===
 
 chat_css="""
-#alignment_radio input[type="radio"] {
-    display: none;
-}
-
 #alignment_radio .gr-radio {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 0px;
-    width: fit-content;
+    width: 300px;
+}
+
+#alignment_radio input[type="radio"] {
+    display: none;
 }
 
 #alignment_radio label {
     display: flex;
     align-items: center;
     justify-content: center;
-    aspect-ratio: 1 / 1; /* Makes the button square */
-    background-color: #eee;
+    aspect-ratio: 1 / 1;
+    background-color: #ddd;
+    border: 1px solid #aaa;
+    font-size: 0.75rem;
     margin: 0;
     padding: 0;
-    border: 1px solid #ccc;
     cursor: pointer;
-    font-size: 0.85rem;
-    text-align: center;
     user-select: none;
+    transition: background-color 0.2s, color 0.2s;
 }
 
 #alignment_radio input[type="radio"]:checked + label {