Auto-deploy from GitHub: f2668e389eaf47a596c8175ce32b6f62189f4569

index.html

@@ -401,13 +401,13 @@
             background: var(--surface);
             border: var(--border) solid var(--primary);
             box-shadow: 12px 12px 0 var(--primary);
-            padding: 2rem;
             max-width: 800px;
             width: 100%;
             max-height: 80vh;
-            overflow-y: auto;
             position: relative;
             animation: modalSlideIn 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+            display: flex;
+            flex-direction: column;
         }
 
         @keyframes modalSlideIn {
@@ -425,9 +425,12 @@
             display: flex;
             justify-content: space-between;
             align-items: center;
-            margin-bottom: 1.5rem;
-            padding-bottom: 1rem;
+            padding: 2rem 2rem 1rem 2rem;
             border-bottom: 3px solid var(--primary);
+            background: var(--surface);
+            position: sticky;
+            top: 0;
+            z-index: 10;
         }
 
         .modal-title {
@@ -459,11 +462,12 @@
         .code-block {
             background: var(--bg);
             border: 3px solid var(--accent);
-            padding: 1.5rem;
+            padding: 4rem 1.5rem 1.5rem 1.5rem;
             border-radius: 0;
-            overflow-x: auto;
-            margin-bottom: 1rem;
+            overflow-y: auto;
+            margin: 1.5rem 2rem 2rem 2rem;
             position: relative;
+            flex: 1;
         }
 
         .code-block code {
@@ -477,8 +481,8 @@
 
         .copy-btn {
             position: absolute;
-            top: 1rem;
-            right: 1rem;
+            top: 0.5rem;
+            right: 0.5rem;
             background: var(--accent);
             color: var(--bg);
             border: 3px solid var(--bg);
@@ -488,6 +492,7 @@
             cursor: pointer;
             transition: all 0.2s ease;
             box-shadow: 3px 3px 0 var(--bg);
+            z-index: 5;
         }
 
         .copy-btn:hover {
@@ -518,7 +523,15 @@
             }
 
             .modal-content {
-                padding: 1.5rem;
+                padding: 0;
+            }
+
+            .modal-header {
+                padding: 1.5rem 1.5rem 1rem 1.5rem;
+            }
+
+            .code-block {
+                margin: 1.5rem 1.5rem 1.5rem 1.5rem;
             }
         }