Update app.py

app.py

@@ -27,7 +27,7 @@ def cloud_button(label, key=None, color=None):
     button_id = f"cloud-button-{key or label}"
     color_class = f"color-{color}" if color else ""
     cloud_button_html = f"""
-    <div class="cloud {color_class}" id="{button_id}">
+    <div class="cloud {color_class}" id="{button_id}" style="display: inline-block; margin-bottom: 20px;">
         <div class="circle small"></div>
         <div class="circle medium"></div>
         <div class="circle large"></div>
@@ -38,13 +38,13 @@ def cloud_button(label, key=None, color=None):
     <style>
         .cloud {{
             position: relative;
-            display: inline-block;
+            display: inline-flex;
             cursor: pointer;
             user-select: none;
-            margin-right: 20px;  /* Add space between cloud buttons */
+            margin-right: 20px;
         }}
         .rectangle {{
-            width: 120px;
+            min-width: 120px;
             height: 60px;
             background-color: white;
             border-radius: 30px;
@@ -56,6 +56,7 @@ def cloud_button(label, key=None, color=None):
             justify-content: center;
             font-size: 16px;
             font-weight: bold;
+            padding: 0 20px;
             transition: background-color 0.4s;
         }}
         .circle {{