From f4159ca104398fb315a30e10999a8840247efdb2 Mon Sep 17 00:00:00 2001
From: Ku6epXBOCTuK <Ku6epXBOCTuK@gmail.com>
Date: Tue, 23 Jun 2026 22:09:37 +0500
Subject: [PATCH] fix: resolve header gap, textarea size

---
 index.html | 19 ++++++++++++++-----
 style.css  | 13 ++++++++++---
 2 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 64d88f5..aafd71a 100644
--- a/index.html
+++ b/index.html
@@ -43,12 +43,21 @@
           </div>
           <div class="field-size-stack">
             <div class="chain-link" id="chainLink" title="Keep aspect ratio">
-              <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <svg
+                viewBox="0 0 24 24"
+                width="20"
+                height="20"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
                 <path class="chain-locked" d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
                 <path class="chain-locked" d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
-                <path class="chain-unlocked" d="M13.5 10.5l3-3" style="display:none" />
-                <path class="chain-unlocked" d="M10.5 13.5l-3 3" style="display:none" />
-                <path class="chain-unlocked" d="M7.5 7.5l9 9" style="display:none" />
+                <path class="chain-unlocked" d="M13.5 10.5l3-3" style="display: none" />
+                <path class="chain-unlocked" d="M10.5 13.5l-3 3" style="display: none" />
+                <path class="chain-unlocked" d="M7.5 7.5l9 9" style="display: none" />
               </svg>
             </div>
             <div class="field-stack-inputs">
@@ -83,7 +92,7 @@
 
         <div class="panel">
           <h2>CSS Output</h2>
-          <textarea id="cssOutput" readonly></textarea>
+          <textarea id="cssOutput" rows="10" readonly></textarea>
           <div class="btn-row">
             <button class="btn btn-copy" id="copyBtn">Копировать CSS</button>
             <button class="btn btn-reset" id="resetBtn">Сброс</button>
diff --git a/style.css b/style.css
index dfae87b..89564e5 100644
--- a/style.css
+++ b/style.css
@@ -66,7 +66,9 @@ header p {
   font-size: 13px;
   font-weight: 600;
   cursor: pointer;
-  transition: background 0.15s, color 0.15s;
+  transition:
+    background 0.15s,
+    color 0.15s;
 }
 .mode-btn:hover {
   color: var(--text);
@@ -81,6 +83,7 @@ header p {
   color: var(--accent);
   font-weight: 500;
   margin-right: 8px;
+  margin-left: auto;
   white-space: nowrap;
 }
 
@@ -294,7 +297,9 @@ main {
   font-size: 12px;
   font-weight: 600;
   cursor: pointer;
-  transition: background 0.15s, color 0.15s;
+  transition:
+    background 0.15s,
+    color 0.15s;
 }
 .btn-edit-field:hover {
   background: rgba(88, 166, 255, 0.1);
@@ -348,7 +353,9 @@ main {
   color: var(--accent);
   cursor: pointer;
   flex-shrink: 0;
-  transition: background 0.15s, color 0.15s;
+  transition:
+    background 0.15s,
+    color 0.15s;
 }
 .chain-link:hover {
   background: rgba(88, 166, 255, 0.1);