Update static/asic-design-code-generator.html

static/asic-design-code-generator.html

@@ -144,8 +144,7 @@
   <div class="container">
     <h1 class="text-center mb-5">ASIC Design Code Generator</h1>
 
-    <div class="row">
-      <div class="col">
+      <div class="row">
         <div class="card">
           <div class="card-header">
             <i class='bx bx-pencil'></i>
@@ -174,56 +173,56 @@
         </div>
       </div>
 
-      <div class="col">
+      <div class="row">
         <div class="card">
           <div class="card-header">
             <i class='bx bx-code-alt'></i>
             Generated Code
           </div>
           <div class="card-body">
-            <div class="bg-light rounded p-3" id="divGenerated">
-// Generated code will appear here
-            </div>
-            <div class="text-end">
-              <button class="btn btn-success">
+            <button class="btn btn-success">
                 <i class='bx bx-edit'></i>
                 Refine Code
               </button>
+            <div class="bg-light rounded p-3" id="divGenerated">
+// Generated code will appear here
             </div>
           </div>
         </div>
       </div>
-    </div>
+  
+
 
-    <div class="row">
-<div class="col">
+<div class="row">
   <div class="card">
     <div class="card-header">
       <i class='bx bx-wrench'></i> Optimization & Linting
     </div>
     <div class="card-body">
-      <p id="optimization-output">Optimization suggestions will appear here.</p>
-      <button class="btn btn-optimize">
+            <button class="btn btn-optimize">
         <i class='bx bx-cog'></i> Get Optimization
       </button>
+      <p id="optimization-output">Optimization suggestions will appear here.</p>
+
     </div>
   </div>
 </div>
 
-<div class="col">
+<div class="row">
   <div class="card">
     <div class="card-header">
       <i class='bx bx-bug'></i> Failure Modes & Test Benches
     </div>
     <div class="card-body">
-      <p id="test-bench-output">Test bench suggestions will appear here.</p>
       <button class="btn btn-test-bench">
         <i class='bx bx-test-tube'></i> Generate Test Bench
       </button>
+      <p id="test-bench-output">Test bench suggestions will appear here.</p>
+      
     </div>
   </div>
 </div>
-    </div>
+
   </div>
 </body>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/prism.min.js"></script>