Update app.py

app.py

@@ -24,18 +24,17 @@ repo.git_pull()  # Pull the latest changes (if any)
 pdf_file_path = "Private_Book/KOMBI_all2.pdf"  # Replace with your PDF file path
 
 
-def cloud_button(label, key=None, color=None):
+def cloud_button(label, key=None, color=None, overlap=20):
     button_id = f"cloud-button-{key or label}"
     color_class = f"color-{color}" if color else ""
     num_circles = max(3, min(12, len(label) // 4))
     circle_size = 60
-    overlap = 20  # Adjust the overlap value as needed
-    text_size = 14  # Adjust the text font size as needed
+    #text_size = 14  # Adjust the text font size as needed
 
     # Create circles with overlap
     circles_html = ''.join([
-        f'<div class="circle {color_class}" style="margin-left: -{circle_size // 2}px;"></div>'
-        for _ in range(num_circles)
+        f'<div class="circle {color_class}" style="margin-left: -{overlap * i}px;"></div>'
+        for i in range(num_circles)
     ])
 
     cloud_button_html = f"""
@@ -93,10 +92,10 @@ def cloud_button(label, key=None, color=None):
     """
     st.markdown(cloud_button_html, unsafe_allow_html=True)
 
-# Example usage
-cloud_button("Short Text", color="1")
-cloud_button("This is a longer piece of text", color="2")
-cloud_button("This is an even longer piece of text to test the cloud button", color="3")
+# Example usage with a specified overlap value
+cloud_button("Short Text", color="1", overlap=40)
+cloud_button("This is a longer piece of text", color="2", overlap=60)
+cloud_button("This is an even longer piece of text to test the cloud button", color="3", overlap=80)
 
 
 def load_pdf(file_path):