moved advance options to the right

app.py

@@ -107,39 +107,39 @@ def streamResponse(newMsg:str, chatHistory, instruction, temperature, max_tokens
 		else:
 			return "", chatHistory
 
+# Define some components
+model = gr.Dropdown(
+	choices=["GPT-3.5", "GPT-4"],
+	value="GPT-3.5",
+	multiselect=False,
+	label="Model",
+	info="Choose the model you want to chat with.\nGo easy on GPT-4: it costs 500 times more than GPT 3.5!"
+)
+instruction = gr.Textbox(
+	value=SYSTEM_PROMPT,
+	label="System instructions",
+	lines=4,)
+temperature = gr.Slider(
+	minimum=0,
+	maximum=2,
+	step=0.1,
+	value=0.7,
+	label="Temperature",
+	info="The higher, the more random the results will be"
+)
+max_token = gr.Slider(
+	minimum=64,
+	maximum=2048,
+	step=64,
+	value=1024,
+	label="Max Token",
+	info="Maximum number of token the model will take into consideration"
+)
+
 # Build the app
 with gr.Blocks(theme='Insuz/Mocha') as app:
 	with gr.Row():
-		with gr.Column(scale = 1):
-			with gr.Accordion(label="Advanced options", open=True):
-				model = gr.Dropdown(
-					choices=["GPT-3.5", "GPT-4"],
-					value="GPT-3.5",
-					multiselect=False,
-					label="Model",
-					info="Choose the model you want to chat with.\nGo easy on GPT-4: it costs 500 times more than GPT 3.5!"
-				)
-				instruction = gr.Textbox(
-					value=SYSTEM_PROMPT,
-					label="System instructions",
-					lines=4,)
-				temperature = gr.Slider(
-					minimum=0,
-					maximum=2,
-					step=0.1,
-					value=0.7,
-					label="Temperature",
-					info="The higher, the more random the results will be"
-				)
-				max_token = gr.Slider(
-					minimum=64,
-					maximum=2048,
-					step=64,
-					value=1024,
-					label="Max Token",
-					info="Maximum number of token the model will take into consideration"
-				)
-		with gr.Column(scale = 8):
+		with gr.Column(scale = 8, elem_classes=["float-left"]):
 			gr.Markdown("# Private GPT")
 			gr.Markdown("This chatbot is powered by the openAI GPT series.\
 					The default model is `GPT-3.5`, but `GPT-4` can be selected in the advanced options.\
@@ -161,7 +161,12 @@ with gr.Blocks(theme='Insuz/Mocha') as app:
 				inputs=[msg, chatbot, instruction, temperature, max_token, model],
 				outputs=[msg, chatbot]
 			)
-
+		with gr.Column(scale = 1, elem_classes=["float-right"]):
+			with gr.Accordion(label="Advanced options", open=True):
+				model.render()
+				instruction.render()
+				temperature.render()
+				max_token.render()
 gr.close_all()
 app.queue().launch(auth=(AUTH_USERNAME, AUTH_PASSWORD))
 # app.queue().launch()