Update app.py

app.py

@@ -49,7 +49,6 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
     
     # Kullanıcı girişindeki kelimeleri küçük harfe çevirip listeye alıyoruz.
     input_words = [str(word).lower() for word in inputs.split()]
-    
     for product_info in products:
         if product_info[0] in input_words:
             new_msg = f"{product_info[2]} {product_info[1][0]} ve fiyatı EURO {product_info[1][1]}"
@@ -106,23 +105,29 @@ def reset_textbox():
 
 # CSS ayarları:
 demo_css = """
-/* Satırın tamamını kaplayan flex container */
+/* Ana sütunun (column) tam genişlikte olmasını sağlıyoruz */
+#col_container {
+    width: 100% !important;
+}
+
+/* Satır container'ı: tam genişlik, öğeler aynı satırda, arada boşluk yok */
 .compact_row {
     display: flex !important;
     flex-wrap: nowrap !important;
     align-items: center !important;
+    justify-content: space-between;  /* öğeler satır boyunca yayılır */
     width: 100% !important;
     gap: 0 !important;
     margin: 0;
 }
 
-/* Giriş kutusu: buton alanı kadar çıkarmak için */
+/* Giriş kutusuna, gönder butonunun alanını çıkararak tam genişlik kullanması için */
 .mobile_input {
     width: calc(100% - 45px) !important;
     min-width: 0;
 }
 
-/* Gönder butonu */
+/* Gönder butonu: sabit boyut, yuvarlak */
 #send_button {
     background-color: #0b93f6;
     border: none;
@@ -133,8 +138,6 @@ demo_css = """
     height: 35px !important;
     min-width: 35px !important;
     min-height: 35px !important;
-    max-width: 35px !important;
-    max-height: 35px !important;
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -144,13 +147,6 @@ demo_css = """
 #send_button:hover {
     background-color: #0077c0;
 }
-
-/* Buton kapsayıcısı: kenar boşluklarını ayarla */
-.fixed_button_container {
-    width: 35px !important;
-    padding: 0;
-    margin: 5px 0 0 2px;  /* Üstte 5px, solda 2px boşluk */
-}
 """
 
 # Tema ayarları:
@@ -169,7 +165,7 @@ with gr.Blocks(css=demo_css, theme=theme) as demo:
         
         chatbot = gr.Chatbot(label='Trek Asistanı', elem_id="chatbot")
         
-        # Giriş kutusu ve buton aynı satırda, satır tüm genişliği kaplasın.
+        # Giriş kutusu ve gönder butonunun aynı satırda, tam genişlik kullanması için
         with gr.Row(elem_classes="compact_row"):
             inputs = gr.Textbox(
                 placeholder="Buraya yazın, yanıtlayalım.",
@@ -177,8 +173,7 @@ with gr.Blocks(css=demo_css, theme=theme) as demo:
                 container=True,
                 elem_classes="mobile_input"
             )
-            with gr.Column(elem_classes="fixed_button_container"):
-                send_button = gr.Button(value="✈", elem_id="send_button")
+            send_button = gr.Button(value="✈", elem_id="send_button")
         
         state = gr.State([])
         with gr.Accordion("", open=False, visible=False):