Update app.py

app.py

@@ -46,7 +46,7 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
         num1 = gr.Number(value=0, container=False, show_label=False, visible=False)        
         num2 = gr.Number(value=0, container=False, show_label=False, visible=False)
 
-        with gr.Column(scale=3):
+        with gr.Column(scale=1):
             placeholder = gr.Markdown(
                 ''' ## Welcome to the Language Model Explanation Challenge!
     Language Models (LMs) are powerful AI tools to understand and generate human language.<br />
@@ -72,7 +72,7 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
                 #If you could successfully trick the AI into guessing the wrong gender, you get the score.
                 
             )
-        with gr.Column(scale=2):
+        with gr.Column(scale=1):
             logo = gr.Image('logo.png', height=230, width=600, min_width=80, show_label=False, show_share_button=False, interactive=False, container=False)
 
             gr.Markdown(
@@ -91,7 +91,7 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
         num_selected_1 = gr.Number(value=0, container=False, show_label=False, visible=False)
 
         with gr.Row():
-            with gr.Column():
+            with gr.Column(scale=2):
                 with gr.Row():
                     sample_button_en = gr.Button("Click to get a review in English.", size='sm')
                     # gr.Markdown(''' <p style="text-align: center;"> or </p> ''')
@@ -102,19 +102,20 @@ with gr.Blocks(theme=gr.themes.Default(text_size=gr.themes.sizes.text_md)) as de
 
                 slider_1_1 = gr.Slider(label="Human: Dislike ——> Like", container=True, min_width=200, height=80, show_label=True, interactive=True)
                 user_important = gr.Textbox(label="Which words are the guesses based on?", placeholder="Enter words that you think are important.")
+
+            with gr.Column(scale=1):
+                gr.Markdown(
+                ''' ## Like or Dislike
+                You're given a short review of a movie, book or restaurant.
+                The goal of this game is to guess how *positive* the review is, from 0 (=extremely bad) to 100 (=fantastic).
                 
-            gr.Markdown(
-            ''' ## Like or Dislike
-            You're given a short review of a movie, book or restaurant.
-            The goal of this game is to guess how *positive* the review is, from 0 (=extremely bad) to 100 (=fantastic).
-            
-            * Step 1. Get an English or Dutch review and guess the corresponding score.
-            
-            * Step 2. Check the score guessed by AI. Who gets the most correct answer wins.
-            
-            * Step 3. Check the word highlighting to understand how AI made its decision.
-            '''
-            )      
+                * Step 1. Get an English or Dutch review and guess the corresponding score.
+                
+                * Step 2. Check the score guessed by AI. Who gets the most correct answer wins.
+                
+                * Step 3. Check the word highlighting to understand how AI made its decision.
+                '''
+                )      
         
         with gr.Row():
             with gr.Column():