Update app.py

app.py

@@ -26,8 +26,12 @@ pdf_file_path = "Private_Book/KOMBI_all2.pdf"  # Replace with your PDF file path
 def cloud_button(label, key=None, color=None, overlap=30):
     button_id = f"cloud-button-{key or label}"
     color_class = f"color-{color}" if color else ""
+    
+    # Calculate the number of circles based on the length of the text
     num_circles = max(3, min(12, (len(label) + overlap) // 4))
-    circle_size = 60
+    
+    # Calculate the circle size based on the number of circles and the text length
+    circle_size = max(60, (len(label) + overlap) // num_circles)
 
     # Create circles with text enclosed
     circles_html = ''.join([
@@ -37,7 +41,7 @@ def cloud_button(label, key=None, color=None, overlap=30):
     circles_html += f'<div class="circle-text">{label}</div>'  # Add the text after the circles
 
     cloud_button_html = f"""
-    <div class="cloud" id="{button_id}" style="margin-bottom: 30px;">
+    <div class="cloud" id="{button_id}" style="margin-bottom: 20px;">
         <div class="wrapper {color_class}">
             {circles_html}
         </div>
@@ -70,7 +74,6 @@ def cloud_button(label, key=None, color=None, overlap=30):
             transform: translate(-50%, -50%);
             font-weight: bold;
             z-index: 2;
-            white-space: nowrap;  /* Prevent line breaks */
         }}
         .color-1 .circle {{ background-color: #FFA07A; }}
         .color-2 .circle {{ background-color: #FF7F50; }}