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

static/asic-design-code-generator.html

@@ -155,7 +155,7 @@
         <div class="card-body">
           <div class="mb-3">
             <label for="description" class="form-label">Description:</label>
-            <textarea class="form-control" id="description" rows="3" placeholder="Provide a brief description of your ASIC design"></textarea>
+              <textarea class="form-control" id="description" rows="3" placeholder="Provide a brief description of your ASIC design" style="width:96%"></textarea>
           </div>
           <div class="mb-3">
             <label for="target-language" class="form-label">Target Language:</label>
@@ -181,7 +181,7 @@
           <i class='bx bx-code-alt'></i> Generated Code
         </div>
         <div class="card-body">
-          <pre id="divGenerated">// Generated code will appear here</pre>
+          <div id="divGenerated">// Generated code will appear here</div>
           <button class="btn btn-success">
             <i class='bx bx-edit'></i> Refine Code
           </button>
@@ -198,7 +198,7 @@
           <i class='bx bx-wrench'></i> Optimization & Linting
         </div>
         <div class="card-body">
-          <button class="btn btn-warning">
+          <button class="btn btn-warning btn-optimize">
             <i class='bx bx-cog'></i> Get Optimization
           </button>
           <p id="optimization-output">Optimization suggestions will appear here.</p>
@@ -215,7 +215,7 @@
           <i class='bx bx-bug'></i> Failure Modes & Test Benches
         </div>
         <div class="card-body">
-          <button class="btn btn-info">
+          <button class="btn btn-info 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>