Update app.py

app.py

@@ -168,7 +168,16 @@ def inference(
 TITLE = "<h1 style='font-size: 2.5em; text-align: center;'>Identify objects in construction design</h1>"
 DESCRIPTION = """<p style='font-size: 1.5em; line-height: 1.6em; text-align: left;'>Welcome to the object 
 identification application. This tool allows you to upload an image, and it will identify and annotate objects within 
-the image. Additionally, you can perform OCR analysis on the detected objects.</p> """
+the image. Additionally, you can perform OCR analysis on the detected objects.</p> 
+<h2 style='font-size: 1.8em; line-height: 1.6em; text-align: left;'>Steps to use the app:</h2>
+<ol style='font-size: 1.2em; line-height: 1.6em; text-align: left;'>
+    <li>Upload an image by clicking on the "Upload Image" button.</li>
+    <li>Adjust the "Confidence Threshold" and "IOU Threshold" sliders to set the detection sensitivity.</li>
+    <li>Click on the "Predict" button to run the object detection model.</li>
+    <li>The detected objects will be displayed in the "Detected Mark Object" gallery.</li>
+    <li>To analyze the detected objects, click on the "Analysis" button. The results will be shown in the "Results" table.</li>
+</ol>
+"""
 CSS = """
   #output {
     height: 500px; 
@@ -178,6 +187,11 @@ CSS = """
   h1 {
     text-align: center;
   }
+  p, h2, ol {
+    text-align: left;
+    margin: 0 auto;
+    max-width: 800px;
+  }
 """
 EXAMPLES = [
     ['examples/train1.png', 0.6, 0.25],
@@ -190,7 +204,7 @@ with gr.Blocks(theme=gr.themes.Soft(), css=CSS) as demo:
     gr.HTML(TITLE)
     gr.HTML(DESCRIPTION)
     with gr.Tab(label="Identify objects"):
-        with gr.Row():
+        with gr.Row(equal_height=False):
             input_img = gr.Image(type="filepath", label="Upload Image")
             output_img = gr.Image(type="filepath", label="Output Image")
         with gr.Row():