Update app.py

removing layered boxes

app.py

@@ -71,9 +71,12 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
                 )
             
         with gr.Column(scale=3):
-            # --- DeepV Logo using gr.Image and robust CSS for styling ---
-            with gr.Row(elem_id="logo-row"):
-                gr.Image("DeepV_logo.png", width=300, height=85, show_label=False, elem_id="deepv-logo")
+            # The logo is now an HTML component for maximum style control
+            gr.HTML("""
+                <div id="deepv-logo-container">
+                    <img src="file=DeepV_logo.png" alt="DeepV Logo" id="deepv-logo">
+                </div>
+            """)
             
             out_code = gr.Textbox(
                 label="Generated Verilog",
@@ -152,39 +155,21 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
             letter-spacing: 1px;
         }
 
-        /* Target the Gradio Image component and its internal elements */
-        #deepv-logo {
-            background-color: transparent !important; /* Remove white background */
-            border: none !important; /* Remove border */
-            box-shadow: none !important; /* Remove shadow */
-            padding: 0 !important; /* Remove any padding */
-            margin: 0 !important; /* Remove any margin */
-            overflow: hidden !important; /* Hide anything that overflows */
-        }
-
-        /* Hide the expand, download, and share buttons */
-        #deepv-logo .gallery-item.min,
-        #deepv-logo .btn.tool,
-        #deepv-logo .wrap-inner.border-none {
-            display: none !important;
-        }
-
-        /* Ensure the image itself fills the component without extra space */
-        #deepv-logo img {
-            width: 100% !important;
-            height: 100% !important;
-            object-fit: contain !important;
-        }
-        
-        /* Simplified logo row styling */
-        #logo-row {
+        /* Container for a clean, simple logo display */
+        #deepv-logo-container {
             display: flex;
-            align-items: center;
             justify-content: center;
-            margin-bottom: 10px;
-            height: 85px; /* Adjust height to fit the larger logo better */
+            align-items: center;
+            padding: 0;
+            margin-bottom: 20px;
         }
 
+        #deepv-logo {
+            width: 300px;
+            height: 85px;
+            object-fit: contain;
+        }
+        
         #verilog-output {
             position: relative;
         }