Update app.py

app.py

@@ -104,13 +104,22 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
 def reset_textbox():
     return gr.update(value='')
 
-# CSS: 
-# - Giriş kutusuna özel bir sınıf ekleyip, mobilde genişliğini sınırlandırıyoruz.
-# - Buton sabit boyutlarda kalıyor.
+# CSS
 demo_css = """
-/* Giriş kutusu için genişliği sınırla: toplam genişlikten gönder butonunun alanını çıkarıyoruz */
+/* Row'u esnek yapıp, satır kaymasını önlemek için */
+.compact_row {
+    display: flex !important;
+    flex-wrap: nowrap !important;
+    align-items: center !important;
+    gap: 0px !important;
+    margin: 0px;
+}
+
+/* Giriş kutusuna mobilde genişlik sınırlaması */
 .mobile_input {
-    width: calc(100% - 45px);
+    /* Buton alanı sabit 45px olacak şekilde, kalan alanı kullan */
+    width: calc(100% - 45px) !important;
+    min-width: 0; 
 }
 
 /* Gönder butonu */
@@ -136,17 +145,11 @@ demo_css = """
     background-color: #0077c0;
 }
 
-/* Row içindeki boşlukları sıfırlıyoruz */
-.compact_row {
-    gap: 0px !important;
-    margin: 0px;
-}
-
-/* Buton kapsayıcısı: konumlandırma için margin değerleri */
+/* Buton kapsayıcısı: konumlandırma için */
 .fixed_button_container {
     width: 35px !important;
     padding: 0px;
-    margin: 5px 0 0 2px;  /* Üstte 5px, solda 2px */
+    margin: 5px 0 0 2px;  /* Üstte 5px, solda 2px boşluk */
 }
 """
 
@@ -166,9 +169,8 @@ with gr.Blocks(css=demo_css, theme=theme) as demo:
         
         chatbot = gr.Chatbot(label='Trek Asistanı', elem_id="chatbot")
         
-        # compact_row sınıfı ile satırdaki boşlukları kaldırıyoruz.
+        # compact_row sınıfı sayesinde aynı satırda kalmalarını sağlıyoruz.
         with gr.Row(elem_classes="compact_row"):
-            # Giriş kutusuna .mobile_input sınıfını ekleyerek genişliğini sınırlandırıyoruz.
             inputs = gr.Textbox(
                 placeholder="Buraya yazın, yanıtlayalım.",
                 show_label=False,
@@ -186,7 +188,7 @@ with gr.Blocks(css=demo_css, theme=theme) as demo:
                                     step=0.1, interactive=False, visible=False)
             chat_counter = gr.Number(value=0, visible=False, precision=0)
         
-        # ENTER tuşu ile gönderme işlemleri
+        # ENTER tuşuyla gönderme işlemi
         inputs.submit(
             predict,
             [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state],
@@ -194,7 +196,7 @@ with gr.Blocks(css=demo_css, theme=theme) as demo:
         )
         inputs.submit(reset_textbox, [], [inputs])
         
-        # Gönder butonuna tıklandığında
+        # Gönder butonuna tıklanıldığında
         send_button.click(
             predict,
             [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state],