Update app.py

app.py

@@ -71,10 +71,14 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
                 )
             
         with gr.Column(scale=3):
-            # 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 logo and copy button are now managed with a single HTML block
+            gr.HTML("""
+                <div id="output-container">
+                    <img src="file=DeepV_logo.png" id="deepv-logo" alt="DeepV Logo">
+                </div>
+            """)
             
-            # The output textbox and copy button are now standalone components
+            # The output textbox is a standalone component
             out_code = gr.Textbox(
                 label="Generated Verilog",
                 lines=28,
@@ -82,8 +86,9 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
                 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(
                     value="Clear All",
@@ -132,13 +137,12 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
         outputs=[],
         js="""
             (text) => {
-                (function(el) {
-                    el.value = text;
-                    document.body.appendChild(el);
-                    el.select();
-                    document.execCommand('copy');
-                    document.body.removeChild(el);
-                })(document.createElement('textarea'));
+                const el = document.createElement('textarea');
+                el.value = text;
+                document.body.appendChild(el);
+                el.select();
+                document.execCommand('copy');
+                document.body.removeChild(el);
             }
         """
     )
@@ -152,25 +156,32 @@ with gr.Blocks(title="DeepV for RTL (Model-Agnostic)", theme=gr.themes.Soft()) a
             letter-spacing: 1px;
         }
 
-        /* Center the logo in its column */
-        #deepv-logo {
-            margin-left: auto;
-            margin-right: auto;
-            display: block;
+        /* Container for logo and copy button */
+        #output-container {
+            display: flex;
+            justify-content: center;
+            align-items: center;
             margin-bottom: 10px;
+            position: relative;
+        }
+
+        #deepv-logo {
+            width: 300px;
+            height: 85px;
         }
 
         /* General UI element styling */
-        #verilog-output > label > .label-wrap {
+        #verilog-output {
             position: relative;
+            padding-top: 50px; /* Add space for the copy button */
         }
-
+        
         #copy-button {
             position: absolute;
-            top: 20px;
-            right: 10px;
+            top: -20px;
+            right: 0px;
             z-index: 1000;
-            background-color: #F0F0F0;
+            background-color: transparent;
             color: #333;
             border-radius: 5px;
             border: none;