Modified padding on .page width from 1.9cm to 1.2 cm, set classTable.frame width to 95%, set columnWrapper width to 100%, in storeUI.html moved buttons out of brewRenderer and to top layer of page-container

storeUI.css

@@ -75,7 +75,7 @@
       box-sizing: border-box;
       width: 215.9mm;
       height: 279.4mm; /* Original height for print layout */
-      padding: 1.4cm 1.9cm 1.7cm;
+      padding: 1.4cm 1.2cm 1.7cm;
       overflow: hidden;
       font-family: "BookInsanityRemake";
       font-size: .34cm;
@@ -86,6 +86,7 @@
       page-break-before: always;
       page-break-after: always;
       contain: size;
+      
   }
   
   .page .monster hr:last-of-type + * {
@@ -112,6 +113,7 @@
       cursor: pointer;
   }
   .page .classTable.frame{
+        width: 95%;
       margin-right:0.1cm;
       margin-left: 0.1cm;
   }
@@ -125,6 +127,7 @@
       word-wrap: break-word; /* Break long words to prevent overflow */
   }
   .columnWrapper {
+      width: 100%;
       column-gap: inherit;
       max-height: 100%;
       column-span: all;

storeUI.html

@@ -21,9 +21,9 @@
             <!-- Blocks will be wrapped in a page div and loaded here -->
              </div>
         </div>
+        
         <div class="page-container" id="pageContainer">
-            <div class="brewRenderer" id="brewRenderer">
-                <h1>Describe your creature</h1>
+            <h1>Describe your creature</h1>
                 <textarea id="user-description" class="user-description-textarea"
                     hx-post="/update-stats" hx-trigger="change"
                     hx-target="#user-description" hx-swap="outerHTML"
@@ -32,6 +32,8 @@
                     <button id="parseHTML">Parse HTML</button>
                     <button id="resetButton">Reset</button>
                     <button onclick="printPageContainer()">Print to PDF</button>
+            <div class="brewRenderer" id="brewRenderer">
+                
                 <div class="pages" id="pages">
                     <div id="page-1" class="page" data-page-id="page-0">
                         <div class="columnWrapper">