Update app.py

app.py

@@ -113,7 +113,7 @@ def predict(system_msg, inputs, top_p, temperature, chat_counter, chatbot=[], hi
 def reset_textbox():
     return gr.update(value='')
 
-# CSS: Buton stilinin yanı sıra özel satır sınıfıyla gap (boşluk) sıfırlanıyor.
+# CSS: Buton stilini belirliyoruz ve genişlemesini önlemek için flex özelliği ekliyoruz.
 demo_css = """
 #send_button {
     background-color: #0b93f6;
@@ -128,11 +128,13 @@ demo_css = """
     justify-content: center;
     cursor: pointer;
     transition: background-color 0.3s;
+    flex: 0 0 auto;  /* Butonun sabit genişlikte kalmasını sağlar */
 }
 #send_button:hover {
     background-color: #0077c0;
 }
-/* Özel satır için gap değerini sıfırlıyoruz */
+
+/* Row içindeki boşluğu sıfırlıyoruz */
 .compact_row {
     gap: 0px !important;
     margin: 0px;
@@ -155,14 +157,13 @@ with gr.Blocks(css=demo_css, theme=theme) as demo:
             
         chatbot = gr.Chatbot(label='Trek Asistanı', elem_id="chatbot")
         
-        # Özel sınıf (compact_row) kullanarak metin kutusu ile buton arasındaki boşluğu kaldırıyoruz.
+        # compact_row sınıfı sayesinde metin kutusu ve buton arasındaki boşluk sıfırlanır.
         with gr.Row(elem_classes="compact_row"):
             inputs = gr.Textbox(
-                placeholder="Buraya yazın, yanıtlayalım.", 
+                placeholder="Buraya yazın, yanıtlayalım.",
                 show_label=False,
                 container=True
             )
-            # Buton içeriğinde doğrudan Unicode "✈" karakterini kullanıyoruz.
             send_button = gr.Button(value="⇨", elem_id="send_button")
             
         state = gr.State([])
@@ -175,7 +176,7 @@ with gr.Blocks(css=demo_css, theme=theme) as demo:
         
         # ENTER tuşu ile gönderme işlemleri.
         inputs.submit(
-            predict, 
+            predict,
             [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state],
             [chatbot, state, chat_counter]
         )
@@ -183,7 +184,7 @@ with gr.Blocks(css=demo_css, theme=theme) as demo:
         
         # Gönder butonuna tıklandığında aynı işlemlerin gerçekleşmesini sağlıyoruz.
         send_button.click(
-            predict, 
+            predict,
             [system_msg, inputs, top_p, temperature, chat_counter, chatbot, state],
             [chatbot, state, chat_counter]
         )