initial update

app.py

@@ -355,6 +355,7 @@ custom_css = """
     border-width: 0 !important;
 }
 hr {
+    margin: 2rem 0 0 0 !important;
     padding-bottom: 10px !important;
 }
 .input-choices {
@@ -424,7 +425,7 @@ with gr.Blocks() as demo:
 
         # img_viz = gr.Plot(label="Visualization of individual channels")
     gr.Markdown('<br>')
-    gr.Markdown('<div class="h-1">Step 2. Modify existing channels</div>')
+    gr.Markdown('<div class="h-1">Step 2. Modify Existing Channels</div>')
     gr.Markdown('<div class="h-2">(Required) Define channels designed to visualize nuclei. </div>')
     gr.Markdown('<div class="h-2">(Optional) Remove unwanted channel after visualizing the individual channels. </div>')
     gr.Markdown('<div class="h-2">(Optional) Define channels degisned to visualize membranes.</div>')
@@ -455,9 +456,8 @@ with gr.Blocks() as demo:
     define_btn.click(fn=modify_channels, inputs=[cytof_original_state, selected_unwanted_channel, selected_nuclei, selected_membrane], outputs=[channel_feedback, cytof_state])
 
     gr.Markdown('<br>')
-    gr.Markdown('<div class="h-1">Step 3. Perform cell segmentation based on the defined nuclei and membrane channels</div>')
-    
-
+    gr.Markdown('<div class="h-1">Step 3. Perform Cell Segmentation</div>')
+    gr.Markdown('<div class="h-2">In this step, we perform cell segmentation based on the defined nuclei and membrane channels</div>')
     with gr.Row(): # This row defines cell radius and performs segmentation
         with gr.Column(scale=2):
             gr.Markdown('<div class="h-2">Cell Size:</div>')