From 6f43ba793e5848bdb98064be07331cd22c176a3e Mon Sep 17 00:00:00 2001
From: Ilia Miheev <imiheev774@gmail.com>
Date: Tue, 24 Jun 2025 18:11:13 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=B4=D0=B5=D0=BB=D0=B0=D0=BD=D1=8B=20"?=
 =?UTF-8?q?=D0=BA=D0=BE=D1=81=D0=BC=D0=B5=D1=82=D0=B8=D1=87=D0=B5=D1=81?=
 =?UTF-8?q?=D0=BA=D0=B8=D0=B5"=20=D0=B8=D0=B7=D0=BC=D0=B5=D0=BD=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 12 ++++++------
 style.css  | 12 ++++++++++--
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 9e008bc..13eff1b 100644
--- a/index.html
+++ b/index.html
@@ -40,19 +40,19 @@
     </div>
 
     <div class="inputs">
-        <textarea id="text-input" cols="30" rows="3" placeholder="Введите текст"></textarea>
+        <textarea id="text-input" cols="30" rows="3" placeholder="Текст для генерации"></textarea>
         <input title="Изменить тему" id="isLightTheme" type="checkbox">
     </div>
 
-    <div class="btns">
+    <div class="btns btns1">
         <button class="btn" id="generate-btn" title="Создать QR-код">Создать</button>
         <button class="btn" id="download-qr-btn" title="Скачать QR-код">Скачать</button>
-        <button class="btn3" id="del-qr-btn">Очистить поля</button>
+        <button class="btn3" id="del-qr-btn" title="Очистить поля">Очистить</button>
     </div>
 
-    <div class="zoom-buttons">
-        <button id="zoom-in-btn">Увеличить</button>
-        <button id="zoom-out-btn">Уменьшить</button>
+    <div class="btns btns2">
+        <button title="Увеличить размер QR кода" id="zoom-in-btn">Увеличить</button>
+        <button title="Уменьшить размер QR кода" id="zoom-out-btn">Уменьшить</button>
     </div>
 
     <p id="error"></p>
diff --git a/style.css b/style.css
index cf9fb53..2d6246f 100644
--- a/style.css
+++ b/style.css
@@ -48,13 +48,20 @@ button {
 }
 
 .btns {
-    margin: auto;
+    margin: 7px auto;
     width: 60%;
     display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
     gap: 10px;
 }
 
+.btns1 {
+    grid-template-columns: 1fr 1fr 1fr;
+}
+
+.btns2 {
+    grid-template-columns: 1fr 1fr;
+}
+
 @media (max-width:500px) {
     .btns {
         display: grid;
@@ -85,6 +92,7 @@ textarea::selection {
 input[type='checkbox'] {
     accent-color: orangered;
     cursor: url(img/Orange_pointer.png), pointer !important;
+    margin: auto 0;
 }
 
 button {