Update pages.html

pages.html

@@ -454,44 +454,57 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
 
  <style>
 
-    .input-row {
-      display: flex;
-      justify-content: center;
-      gap: 10px;
-      margin-top: 20px;
-    }
-    .input-row input, .input-row textarea {
-      padding: 10px;
-      font-size: 16px;
-      border: 1px solid #ccc;
-      border-radius: 5px;
-    }
-    #jsoneditor {
-      width: 50%;
-      height: 300px;
-      margin: 20px auto;
-    }
-    #addVideo, #saveToClipboard {
-      color: white;
-      background-color: #4CAF50;
-      border: none;
-      cursor: pointer;
-      padding: 10px 20px;
-      font-size: 16px;
-      border-radius: 5px;
-      margin-top: 20px;
-    }
-    #addVideo:hover, #saveToClipboard:hover {
-      background-color: #388E3C;
-    }
-    .jsoneditor-menu {
-      background-color: #4CAF50 !important;
-      border-bottom: 1px solid #388E3C !important;
-    }
-    .jsoneditor{
-      border: 1px #4CAF50 !important;
-      border-bottom: 2px solid #388E3C !important;      
-    }
+  .container {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+}
+
+.input-row {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 20px;
+  width: 40%; /* Установите ширину по вашему усмотрению */
+}
+
+.input-row input, .input-row textarea {
+  padding: 10px;
+  font-size: 16px;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+}
+
+#jsoneditor {
+  width: 50%;
+  height: 300px;
+  margin-left: 20px; /* Отодвигаем JSON редактор вправо */
+}
+
+#addVideo, #saveToClipboard {
+  color: white;
+  background-color: #4CAF50;
+  border: none;
+  cursor: pointer;
+  padding: 10px 20px;
+  font-size: 16px;
+  border-radius: 5px;
+  margin-top: 20px;
+}
+
+#addVideo:hover, #saveToClipboard:hover {
+  background-color: #388E3C;
+}
+
+.jsoneditor-menu {
+  background-color: #4CAF50 !important;
+  border-bottom: 1px solid #388E3C !important;
+}
+
+.jsoneditor {
+  border: 1px #4CAF50 !important;
+  border-bottom: 2px solid #388E3C !important;
+}
   </style>
 
   <h1>Редактор медиа листов</h1>