Update builder2.html

builder2.html

@@ -32,11 +32,16 @@
         margin: 10px 0; /* Увеличение расстояния между картинками на мобильных устройствах */
       }
     }
-
+    /* Стили для контейнера управления */
+    .controls-container {
+      background-color: #000; /* Черный фон контейнера */
+      padding: 20px; /* Отступы внутри контейнера */
+      text-align: center; /* Выравнивание по центру */
+    }
     /* Стили для кнопки "Скачать HTML" */
     #export-html {
-      background-color: #333; /* Фон кнопки */
-      color: #fff; /* Цвет текста кнопки */
+      background-color: #ccc; /* Серый фон кнопки */
+      color: #000; /* Черный цвет текста кнопки */
       border: none;
       padding: 15px 30px; /* Размер кнопки */
       font-size: 16px; /* Размер текста кнопки */
@@ -44,9 +49,13 @@
       border-radius: 5px; /* Скругление углов */
       transition: background-color 0.3s ease; /* Плавный переход при наведении */
     }
-
     #export-html:hover {
-      background-color: #555; /* Фон кнопки при наведении */
+      background-color: #bbb; /* Фон кнопки при наведении */
+    }
+    /* Стили для надписей возле галочек */
+    .controls-container label {
+      color: #fff; /* Белый цвет текста */
+      margin-right: 15px; /* Отступ между галочками */
     }
   </style>
 </head>
@@ -150,16 +159,14 @@
   </div>
 
   <!-- Интерфейс для выбора скриптов -->
-  <div>
+  <div class="controls-container">
     <label><input type="checkbox" id="script1-checkbox" value="https://example.com/your-additional-script1.js"> Соб. хост</label>
     <label><input type="checkbox" id="script2-checkbox" value="https://example.com/your-additional-script2.js"> ВК + АП</label>
     <label><input type="checkbox" id="script3-checkbox" value="https://example.com/your-additional-script3.js"> Виджет Тильда</label>
     <label><input type="checkbox" id="script4-checkbox" value="https://example.com/your-additional-script4.js"> Виджет Геткурс</label>
+    <button id="export-html">Скачать HTML</button>
   </div>
 
-  <!-- Кнопка для экспорта HTML -->
-  <button id="export-html">Скачать HTML</button>
-
   <script type="text/javascript" src="https://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/js/sav_html.js"></script>
 
   <script type="text/javascript">