update layout and examples

app.py

@@ -31,10 +31,10 @@ def sql_generate(prompt, input_prompt_sql ):
   response = requests.post(API_URL, headers=headers, json=json_)
   print(f"Response  is : {response}")
   output = response.json()
-  print(f"output is : {output}") #{output}")
+  print(f"output is : {output}") 
   output_tmp = output[0]['generated_text']
   print(f"output_tmp is: {output_tmp}")
-  solution = output_tmp.split("\nQ:")[0]   #output[0]['generated_text'].split("Q:")[0] # +"."
+  solution = output_tmp.split("\nQ:")[0]   
   print(f"Final response after splits is: {solution}")
   if '\nOutput:' in solution:
     final_solution = solution.split("\nOutput:")[0] 
@@ -66,11 +66,11 @@ with demo:
     "Instruction: Given an input question, respond with syntactically correct PostgreSQL. Only use table called 'employees'.\nInput: Select names of all the employees who are working under 'Peter'\nPostgreSQL query: ",  ], label= "Choose a sample Prompt")
   
     #with gr.Column:  
-    input_prompt_sql = gr.Textbox(label="Or Write text following the example pattern given below, to get SQL commands...", value="Only use table called 'department'.\nInput: Select names of all the departments in descending alphabetical order of department names.\nPostgreSQL query: ", lines=5)
+    input_prompt_sql = gr.Textbox(label="Or Write text following the example pattern given below, to get SQL commands...", value="Use table called 'department'.\nInput: Select names of all the departments in their descending alphabetical order.\nPostgreSQL query: ", lines=5)
     
   with gr.Row():
-    generated_txt = gr.Textbox(lines=3)
     b1 = gr.Button("Generate SQL")
+    generated_txt = gr.Textbox(lines=3)
     
   b1.click(sql_generate,inputs=[example_prompt, input_prompt_sql], outputs=generated_txt)