Update app.py

app.py

@@ -23,25 +23,23 @@ repo.git_pull()  # Pull the latest changes (if any)
 # Step 2: Load the PDF File
 pdf_file_path = "Private_Book/KOMBI_all2.pdf"  # Replace with your PDF file path
 
+def estimate_num_circles(text, character_width=7, circle_diameter=30):
+    text_width = len(text) * character_width
+    num_circles = text_width // (circle_diameter * 0.75)  # 75% overlap
+    return max(int(num_circles), 3)  # Ensure at least 3 circles
+
 def cloud_button(label, key=None, color=None):
     button_id = f"cloud-button-{key or label}"
     color_class = f"color-{color}" if color else ""
-    num_circles = min(max(len(label) // 25, 3), 12)
-
-    # Calculate spacing based on the number of circles
-    spacing = 20 // num_circles
-
-    # Create circles on the left side
-    left_circles = ''.join([f'<div class="circle" style="margin-left: {-spacing * i}px;"></div>' for i in range(num_circles)])
-
-    # Create circles on the right side
-    right_circles = ''.join([f'<div class="circle" style="margin-right: {-spacing * i}px;"></div>' for i in range(num_circles)])
+    num_circles = estimate_num_circles(label)
+    
+    # Generate circles
+    circles_html = ''.join([f'<div class="circle" style="left: {-i * 30}px;"></div>' for i in range(num_circles)])
 
     cloud_button_html = f"""
     <div class="cloud {color_class}" id="{button_id}" style="margin-bottom: 20px;">
-        {left_circles}
+        {circles_html}
         <div class="rectangle">{label}</div>
-        {right_circles}
     </div>
     <style>
         .cloud {{
@@ -72,8 +70,10 @@ def cloud_button(label, key=None, color=None):
             border-radius: 50%;
             width: 30px;
             height: 30px;
-            position: relative;
+            position: absolute;
             z-index: 1;
+            top: 50%;
+            transform: translateY(-50%);
         }}
         .cloud:hover .rectangle {{
             background-color: #008CBA;
@@ -88,7 +88,7 @@ def cloud_button(label, key=None, color=None):
     </style>
     <script>
         document.getElementById("{button_id}").onclick = function() {{
-            // Your existing JavaScript code for handling button click
+            // Add your JavaScript code here
         }};
     </script>
     """
@@ -96,7 +96,6 @@ def cloud_button(label, key=None, color=None):
 
 
 
-
 def load_pdf(file_path):
     pdf_reader = PdfReader(file_path)
     text = ""
@@ -165,20 +164,10 @@ def main():
     # Main content
     st.title("Welcome to BinDocs ChatBot! 🤖")
 
-    # Cloud Buttons as Example Questions
-    st.markdown("**Example Questions:**")
-    cloud_button("Was genau ist ein Belegarzt?", color="1")
-    st.markdown("<div style='margin-bottom: 20px;'></div>", unsafe_allow_html=True)  # Space after the cloud button
-    cloud_button("Wofür wird die Alpha-ID verwendet?", color="2")
-    st.markdown("<div style='margin-bottom: 20px;'></div>", unsafe_allow_html=True)  # Space after the cloud button
-    cloud_button("Was sind die Vorteile des ambulanten operierens?", color="3")
-    st.markdown("<div style='margin-bottom: 20px;'></div>", unsafe_allow_html=True)  # Space after the cloud button
-    cloud_button("Was kann ich mit dem Prognose-Analyse Toll machen?", color="4")
-    st.markdown("<div style='margin-bottom: 20px;'></div>", unsafe_allow_html=True)  # Space after the cloud button
-    cloud_button("Was sagt mir die Farbe der Balken der Bevölkerungsentwicklung?", color="5")
-    st.markdown("<div style='margin-bottom: 20px;'></div>", unsafe_allow_html=True)  # Space after the cloud button
-    cloud_button("Ich habe mein Meta Password vergessen, wie kann ich es zurücksetzen?", color="6")
-    st.markdown("<div style='margin-bottom: 20px;'></div>", unsafe_allow_html=True)  # Space after the cloud button
+    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")
+
 
     pdf_path = "path_to_your_pdf_file.pdf"  # Update this to the path of your PDF file
     if not os.path.exists(pdf_path):