Update settings.html

settings.html

@@ -95,7 +95,13 @@
     </style>
 
     <style>
+/* Добавленные стили для центрирования ссылки */
+.form-group {
+    margin-bottom: 15px;
+    text-align: center;
+}
 
+/* Стили для модального окна */
 .modal {
     display: none; /* По умолчанию скрыто */
     position: fixed;
@@ -116,6 +122,7 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+    width: 100%; /* Ширина 100% */
     max-width: 80%;
     max-height: 80%;
     overflow-y: auto;
@@ -142,9 +149,6 @@
     height: 100%;
     border: none;
 }
-
-
-
     </style>
 
 
@@ -165,25 +169,30 @@
 
 
 
-
+        <div id="privacyModal" class="modal">
+            <div class="modal-content">
+                <span class="close">&times;</span>
+                <iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
+            </div>
+        </div>
+        
         <form id="contactForm">
             <h4>КЛУБ-ПРАКТИК. 255 техник для психолога - 2024</h4>
             <div class="form-group">
                 <label for="name">Имя</label>
                 <input type="text" id="name" required>
             </div>
-
+        
             <div class="form-group">
                 <label for="email">Почта</label>
                 <input type="email" id="email" required>
             </div>
-
-
+        
             <div class="form-group">
                 <label for="phone">Телефон</label>
                 <input type="tel" id="phone" required>
             </div>
-
+        
             <div class="form-group">
                 <label for="options">Выберите тариф</label>
                 <select id="options" required>
@@ -193,27 +202,16 @@
                     <option>VIP</option>
                 </select>
             </div>
+        
             <div class="form-check">
                 <input type="checkbox" id="newsletter" required>
                 <label for="newsletter">Согласие на email рассылку</label>
             </div>
-
-
-
-
-            <div id="privacyModal" class="modal">
-                <div class="modal-content">
-                    <span class="close">&times;</span>
-                    <iframe src="https://riverpsy.com/policy" frameborder="0"></iframe>
-                </div>
+        
+            <div class="form-group">
+                <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
             </div>
-            
-            <a href="#" id="privacyPolicyLink">Политика конфиденциальности</a>
-
-
-
-
-
+        
             <button type="submit" class="btn-primary">ПЕРЕЙТИ К ОПЛАТЕ</button>
         </form>
 
@@ -227,15 +225,6 @@
 
 
 
-
-
-
-
-
-
-
-
-