Update app.py

app.py

@@ -270,8 +270,8 @@ div#warning-setgpu p.actions > a {
 }
 div#warning-setsleeptime {
     background-color: #fff4eb;
-    padding: 10px 5px;
-    margin: 20px 0;
+    padding: 10px 10px;
+    margin: 0!important;
 }
 """
 with gr.Blocks(css=css) as demo:
@@ -321,28 +321,29 @@ with gr.Blocks(css=css) as demo:
             image = gr.Image(label="Image Reference", sources=["upload"], type="filepath")
 
             with gr.Column():
-                
+
+            sleep_time_message = gr.HTML('''
+                <div class="gr-prose">
+                    <p>First of all, please make sure your space's sleep time value is set on long enough, so it do not fall asleep during training. </p>
+                    <p>Set it to <strong>"Don't sleep"</strong> or <strong>more than 1 hour</strong> to be safe.</p>
+                    <p>Don't worry, after training is finished, sleep time will be back to 5 minutes.</p>
+                </div>
+                ''', elem_id="warning-setsleeptime")
                     
-                    current_sleep_time = gr.Dropdown(
-                        label="current space sleep time",
-                        choices = [
-                            "Don't sleep", "5 minutes", "15 minutes", "30 minutes", "1 hour", "10 hours", "24 hours", "48 hours", "72 hours", "1 week"
-                        ]
-                    )
-                    sleep_time_message = gr.HTML('''
-                    <div class="gr-prose">
-                        <p>First of all, please make sure your space's sleep time value is set on long enough, so it do not fall asleep during training. </p>
-                        <p>Set it to <strong>"Don't sleep"</strong> or <strong>more than 1 hour</strong> to be safe.</p>
-                        <p>Don't worry, after training is finished, sleep time will be back to 5 minutes.</p>
-                    </div>
-                    ''', elem_id="warning-setsleeptime")
-                    training_type = gr.Radio(label="Training type", choices=["style", "concept"], value="style", visible=False)
-                    b_lora_name = gr.Textbox(label="Name your B-LoRa model", placeholder="b_lora_trained_folder", visible=False)
-                    with gr.Row():
-                        instance_prompt = gr.Textbox(label="Create instance prompt", placeholder="A [v42] <class_prompt>", visible=False)
-                        class_prompt = gr.Textbox(label="Specify class prompt", placeholder="style | person | dog ", visible=False)
-                    training_steps = gr.Number(label="Training steps", value=1000, interactive=False, visible=False)
-                    checkpoint_step = gr.Number(label="checkpoint step", visible=False, value=500)
+            current_sleep_time = gr.Dropdown(
+                label="current space sleep time",
+                choices = [
+                    "Don't sleep", "5 minutes", "15 minutes", "30 minutes", "1 hour", "10 hours", "24 hours", "48 hours", "72 hours", "1 week"
+                ]
+            )
+            
+            training_type = gr.Radio(label="Training type", choices=["style", "concept"], value="style", visible=False)
+            b_lora_name = gr.Textbox(label="Name your B-LoRa model", placeholder="b_lora_trained_folder", visible=False)
+            with gr.Row():
+                instance_prompt = gr.Textbox(label="Create instance prompt", placeholder="A [v42] <class_prompt>", visible=False)
+                class_prompt = gr.Textbox(label="Specify class prompt", placeholder="style | person | dog ", visible=False)
+            training_steps = gr.Number(label="Training steps", value=1000, interactive=False, visible=False)
+            checkpoint_step = gr.Number(label="checkpoint step", visible=False, value=500)