interface update

app.py

@@ -146,24 +146,13 @@ def clear_images() -> tuple:
     return None, None, None, gr.update(maximum=1024), gr.update(maximum=1024)  
 
 with gr.Blocks(css="""
-    .gradio-container {
-        background-color: #f7f9fc;
-        font-family: Arial, sans-serif;
-    }
-    .title-text {
-        text-align: center;
-        font-size: 30px;
-        font-weight: bold;
-        margin-bottom: 10px;
-    }
-    .description-text {
-        text-align: center;
-        font-size: 18px;
-        margin-bottom: 20px;
-    }
+    .custom-size {
+        width: 735px;           
+        height: 127px;          
+    }               
 """) as demo:
     # Centered Title and Description
-    with gr.Column():
+    with gr.Row():                    
         gr.Markdown(
             """
             <div style="text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 10px;">
@@ -173,20 +162,22 @@ with gr.Blocks(css="""
                 Upload a Raw file or select an example to view the original and denoised images
             </div>
             """
-        )
-
-        example_selector = gr.Radio(label="Choose an example Raw Micrograph File", choices=list(example_files.keys()))        
-        file_input = gr.File(label="Or upload a Micrograph File in .h5 or .mrc format")
-        auto_contrast = gr.Checkbox(label="Enable Auto Contrast", value=False)
-
-        x_slider = gr.Slider(0, 1024, step=100, label="X Offset")
-        y_slider = gr.Slider(0, 1024, step=100, label="Y Offset")
+        )       
+    with gr.Row():  
+        with gr.Column():  
+            example_selector = gr.Radio(label="Choose an example Raw Micrograph File", choices=list(example_files.keys()))
+            file_input = gr.File(label="Or upload a Micrograph File in .h5 or .mrc format")
+        
+        with gr.Column():  
+            auto_contrast = gr.Checkbox(label="Enable Auto Contrast", value=False, elem_classes=["custom-size"])
+            x_slider = gr.Slider(0, 1024, step=10, label="X Offset", elem_classes=["custom-size"])
+            y_slider = gr.Slider(0, 1024, step=10, label="Y Offset", elem_classes=["custom-size"])
 
-        with gr.Row():
-            denoise_button = gr.Button("Denoise")
-            clear_button = gr.Button("Clear")
+    with gr.Row():  
+        denoise_button = gr.Button("Denoise")
+        clear_button = gr.Button("Clear")
 
-    with gr.Row():
+    with gr.Row():  
         with gr.Column():
             original_image = gr.Image(type="pil", label="Original Image")
         with gr.Column():