Update app.py

app.py

@@ -146,43 +146,41 @@ with gr.Blocks(css='''
       return {continueStoryCol: gr.update(visible=False), newStoryCol: gr.update(visible=True), finishCol: gr.update(visible=False)}
     
 
-    with gr.Column(elem_id="main_col"):
-        
-               
-        character = gr.Textbox(label='Who will be the main character?', elem_id = 'theme', placeholder="i.e. Diego, an 11-year-old pirate")
-    
-        
-        messageHistory = gr.State()
-    
-        beginBtn = gr.Button("Start!", elem_id="generate-btn")
-    
-        story_output = gr.Textbox(label='Story')
-    
-        blank = gr.Textbox(label='How will you fill the blank?', elem_id = 'blank')
     
-        with gr.Column(visible=True) as continueStoryCol:
-          continueBtn = gr.Button("Continue Story", elem_id="continue-btn") 
-    
-        with gr.Column(visible=False) as newStoryCol:
-          newStoryBtn = gr.Button("Create New Story", elem_id="new-story-btn") 
-    
-        with gr.Column(visible=True) as finishCol:
-          finishBtn = gr.Button("Finish Story", elem_id="finish-btn") 
-        
-        provideFeedbackBtn = gr.Button("Provide Feedback", elem_id="feedback-btn")
-    
-        with gr.Column(visible=False) as feedbackForm:
-          gr.Radio(["1", "2", "3", "4", "5"], label="How would you rate the story")
-          feedback_text = gr.Textbox(label='Any other comments?')
-          submitFeedbackBtn = gr.Button("Submit Feedback", elem_id="submit-feedback-btn")
+    character = gr.Textbox(label='Who will be the main character?', elem_id = 'theme', placeholder="i.e. Diego, an 11-year-old pirate")
+
     
-        with gr.Column(visible=False) as thankyou:
-          
-          feedback_text = gr.HTML("<h2>Thanks for your feeback!</h2>")
+    messageHistory = gr.State()
+
+    beginBtn = gr.Button("Start!", elem_id="generate-btn")
+
+    story_output = gr.Textbox(label='Story')
+
+    blank = gr.Textbox(label='How will you fill the blank?', elem_id = 'blank')
+
+    with gr.Column(visible=True) as continueStoryCol:
+      continueBtn = gr.Button("Continue Story", elem_id="continue-btn") 
+
+    with gr.Column(visible=False) as newStoryCol:
+      newStoryBtn = gr.Button("Create New Story", elem_id="new-story-btn") 
+
+    with gr.Column(visible=True) as finishCol:
+      finishBtn = gr.Button("Finish Story", elem_id="finish-btn") 
     
-        with gr.Column(visible=False) as mesHistoryCol:
-          
-          messageHistoryTextBox = gr.Textbox(label='How will you fill the blank?', elem_id = 'blank', value=messageHistory)
+    provideFeedbackBtn = gr.Button("Provide Feedback", elem_id="feedback-btn")
+
+    with gr.Column(visible=False) as feedbackForm:
+      gr.Radio(["1", "2", "3", "4", "5"], label="How would you rate the story")
+      feedback_text = gr.Textbox(label='Any other comments?')
+      submitFeedbackBtn = gr.Button("Submit Feedback", elem_id="submit-feedback-btn")
+
+    with gr.Column(visible=False) as thankyou:
+      
+      feedback_text = gr.HTML("<h2>Thanks for your feeback!</h2>")
+
+    with gr.Column(visible=False) as mesHistoryCol:
+      
+      messageHistoryTextBox = gr.Textbox(label='How will you fill the blank?', elem_id = 'blank', value=messageHistory)
           
     
     beginBtn.click(generateStory, inputs=[character], outputs=[story_output, messageHistory])