Update demo.py

demo.py

@@ -52,6 +52,20 @@ css = """
     width: 250px;  /* Set all elements to the same width */
     margin: 5px;
 }
+/* Adjusting layout for Input Text and Inference Result */
+.input-row {
+    display: flex;
+    width: 100%;
+}
+
+.input-text {
+    flex: 4;  /* 4 parts of the row */
+    margin-right: 10px; /* Space between the boxes */
+}
+
+.output-text {
+    flex: 1;  /* 1 part of the row */
+}
 """
 
 # Gradio App
@@ -73,11 +87,13 @@ with gr.Blocks(css=css) as app:
             label="Input Text",
             placeholder="Enter Text Here",
             lines=8,
+            elem_classes=["input-text"],
         )
         output = gr.Textbox(
             label="Inference Result",
             placeholder="Made by Human or AI",
             elem_id="output-text",
+            elem_classes=["output-text"]
         )
     with gr.Row():
         model_name = gr.Dropdown(