Update app.py

app.py

@@ -71,20 +71,18 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
                 )
             
         with gr.Column(scale=3):
-            # --- DeepV Logo instead of "Output" text ---
-            with gr.Row(elem_id="logo-row"):
-                # Display the logo directly using gr.Image
-                gr.Image("DeepV_logo.png", width=250, height=70, show_label=False, elem_id="deepv-logo")
-                
-            with gr.Group():
-                out_code = gr.Textbox(
-                    label="Generated Verilog",
-                    lines=28,
-                    interactive=False,
-                    placeholder="// Your Verilog code will appear here",
-                    elem_id="verilog-output"
-                )
-                copy_button = gr.Button("📋", variant="secondary", elem_id="copy-button")
+            # The logo is now a standalone image component, centered and sized appropriately.
+            gr.Image("DeepV_logo.png", width=300, height=85, show_label=False, elem_id="deepv-logo")
+            
+            # The output textbox and copy button are now standalone components
+            out_code = gr.Textbox(
+                label="Generated Verilog",
+                lines=28,
+                interactive=False,
+                placeholder="// Your Verilog code will appear here",
+                elem_id="verilog-output"
+            )
+            copy_button = gr.Button("📋", variant="secondary", elem_id="copy-button")
             
             with gr.Row():
                 clear_btn = gr.ClearButton(
@@ -154,13 +152,12 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
             letter-spacing: 1px;
         }
 
-        /* Simplified logo row styling */
-        #logo-row {
-            display: flex;
-            align-items: center;
-            justify-content: center;
+        /* Center the logo in its column */
+        #deepv-logo {
+            margin-left: auto;
+            margin-right: auto;
+            display: block;
             margin-bottom: 10px;
-            height: 80px; 
         }
 
         /* General UI element styling */