Update app.py

app.py

@@ -16,9 +16,11 @@ import os
 cloud_button_style = """
 <style>
 .cloud-button {
-  display: inline-block;
-  padding: 10px 20px;
-  font-size: 16px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px 15px;
+  font-size: 14px;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
@@ -26,8 +28,8 @@ cloud_button_style = """
   color: #fff;
   background-color: #add8e6;
   border: none;
-  border-radius: 25px;
-  box-shadow: 0 8px 16px rgba(0,0,0,0.1), 0 16px 32px rgba(0,0,0,0.1), 0 24px 48px rgba(0,0,0,0.1), 0 32px 64px rgba(0,0,0,0.1);
+  border-radius: 20px;
+  box-shadow: 0 5px 10px rgba(0,0,0,0.1);
   margin: 5px;
 }
 
@@ -36,13 +38,21 @@ cloud_button_style = """
 }
 
 .cloud-button:active {
-  box-shadow: 0 4px 8px rgba(0,0,0,0.1), 0 8px 16px rgba(0,0,0,0.1), 0 12px 24px rgba(0,0,0,0.1), 0 16px 32px rgba(0,0,0,0.1);
-  transform: translateY(4px);
+  background-color: #87b6a7;
+  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+  transform: translateY(2px);
 }
 </style>
 """
 st.markdown(cloud_button_style, unsafe_allow_html=True)
 
+def cloud_button(label, key):
+    button_id = f"button_{key}"
+    if st.button(label, key=button_id, use_container_width=True, **{"class": "cloud-button"}):
+        st.session_state[button_id] = True
+
+
+        
 # Step 1: Clone the Dataset Repository
 repo = Repository(
     local_dir="Private_Book",  # Local directory to clone the repository
@@ -148,8 +158,6 @@ def main():
 
         if st.markdown('<button class="cloud-button">Was genau ist ein Belegarzt?</button>', unsafe_allow_html=True):
             query = "Was genau ist ein Belegarzt?"
-        if st.button("Wofür wird die Alpha-ID verwendet?"):
-            query = "Wofür wird die Alpha-ID verwendet?"
         if st.button("Was sind die Vorteile des ambulanten operierens?"):
             query = "Was sind die Vorteile des ambulanten operierens?"
         if st.button("Was kann ich mit dem Prognose-Analyse Toll machen?"):
@@ -158,6 +166,8 @@ def main():
             query = "Was sagt mir die Farbe der Balken der Bevölkerungsentwicklung?"
         if st.button("Ich habe mein Meta Password vergessen, wie kann ich es zurücksetzen?"):
             query = ("Ich habe mein Meta Password vergessen, wie kann ich es zurücksetzen?")
+        if cloud_button("Cloud Button Example"):
+            st.write("Cloud button was clicked!")
 
             
         if st.button("Ask") or (not st.session_state['chat_history'] and query) or (st.session_state['chat_history'] and query != st.session_state['chat_history'][-1][1]):