Update app.py

app.py

@@ -115,7 +115,6 @@ custom_css = """
     color: rgb(55, 65, 81) !important;
     font-weight: 600 !important;
 }
-
 .container-wrap {
     display: flex !important;
     gap: 5px !important;
@@ -125,7 +124,7 @@ custom_css = """
 }
 .vert-group {
     min-width: 100px !important;   /* Increased from 80px */
-    width: 120px !important;       /* Increased from 90px */
+    width: 105px !important;       /* Increased from 90px */
     flex: 0 0 auto !important;
 }
 .vert-group label {
@@ -140,7 +139,7 @@ custom_css = """
     display: inline-block !important;
     text-align: center !important;
     margin-bottom: 5px !important;
-    padding: 0 5px !important;     /* Added padding */
+    padding: 0 1px !important;     /* Added padding */
 }
 .vert-group .wrap label {
     text-align: center !important;
@@ -193,7 +192,6 @@ custom_css = """
     margin-bottom: 2rem !important;
     color: rgba(255, 255, 255, 0.7) !important;
 }
-
 /* Generate button */
 #generate-btn {
     background: linear-gradient(90deg, rgb(76, 175, 147), rgb(76, 147, 175)) !important;
@@ -204,7 +202,6 @@ custom_css = """
     font-weight: 600 !important;
     transition: transform 0.2s, box-shadow 0.2s !important;
 }
-
 #generate-btn:hover {
     transform: translateY(-2px) !important;
     box-shadow: 0 5px 15px rgba(76, 175, 147, 0.3) !important;
@@ -230,16 +227,16 @@ with gr.Blocks(css=custom_css, theme="ocean") as demo:
         # Define slider configurations with emojis
         slider_configs = [
             ("af", "Default 👩‍🦰"),
-            ("af_bella", "Bella 👩‍🦰 🇺🇸"), 
-            ("af_sarah", "Sarah 👩‍🦰 🇺🇸"),
-            ("af_nicole", "Nicole 👩‍🦰 🇺🇸"), 
-            ("af_sky", "Sky 👩‍🦰 🇺🇸"),
-            ("am_adam", "Adam 👨 🇺🇸"),
-            ("am_michael", "Michael 👨 🇺🇸"),
-            ("bf_emma", "Emma 👩‍🦰 🇬🇧"),
-            ("bf_isabella", "Isabella 👩‍🦰 🇬🇧"),
-            ("bm_george", "George 👨 🇬🇧"),
-            ("bm_lewis", "Lewis 👨 🇬🇧")
+            ("af_bella", "Bella 👩‍🦰🇺🇸"), 
+            ("af_sarah", "Sarah 👩‍🦰🇺🇸"),
+            ("af_nicole", "Nicole 👩‍🦰🇺🇸"), 
+            ("af_sky", "Sky 👩‍🦰🇺🇸"),
+            ("am_adam", "Adam 👨🇺🇸"),
+            ("am_michael", "Michael 👨🇺🇸"),
+            ("bf_emma", "Emma 👩‍🦰🇬🇧"),
+            ("bf_isabella", "Isabella 👩‍🦰🇬🇧"),
+            ("bm_george", "George 👨🇬🇧"),
+            ("bm_lewis", "Lewis 👨🇬🇧")
         ]
 
         # Create columns for each slider