Update templates/generator.html

templates/generator.html

@@ -18,7 +18,9 @@
             color: #ffffff;
             line-height: 1.6;
             min-height: 100vh;
-            padding: 50px 20px; 
+            /* تم تعديل هذا لضمان التمرير على الأجهزة الصغيرة */
+            padding-top: 50px; 
+            padding-bottom: 50px; 
             direction: rtl;
         }
         
@@ -30,7 +32,7 @@
             width: 100%;
             max-width: 550px;
             border: 1px solid #2a3a5a;
-            margin: 0 auto;
+            margin: 0 auto; /* هذا يضمن توسيط الحاوية */
         }
 
         h1 { 
@@ -58,16 +60,20 @@
             margin-bottom: 20px;
             box-sizing: border-box;
         }
+        
+        /* تعديل النص في القائمة المنسدلة ليتوافق مع اللغة الإنجليزية فقط */
+        #difficulty_level option[value="100"] {
+            content: "100% - جنونية الصعوبة (طول: 18-21، رموز وجميع الأحرف)";
+        }
 
         select {
             background-color: #0b132b;
             color: #ffffff;
             border: 2px solid #2a3a5a;
-            appearance: none; /* إخفاء نمط النظام الافتراضي */
+            appearance: none; 
             padding-left: 15px;
         }
         
-        /* تنسيق زر التوليد */
         .generate-btn {
             background-color: #00aaff;
             color: #111a30;
@@ -126,7 +132,7 @@
         
         <label for="difficulty_level">اختر مستوى صعوبة كلمة السر المطلوبة:</label>
         <select id="difficulty_level">
-            <option value="100">100% - جنونية الصعوبة (طول: 18-21، أحرف عربية ورموز)</option>
+            <option value="100">100% - جنونية الصعوبة (طول: 18-21، رموز وجميع الأحرف)</option>
             <option value="75" selected>75% - قوية جداً (طول: 14-17، رموز وجميع الأحرف)</option>
             <option value="50">50% - آمنة (طول: 10-13، أحرف وأرقام)</option>
             <option value="25">25% - أساسية (طول: 8-10، أحرف صغيرة وأرقام)</option>
@@ -157,9 +163,7 @@
             const passwordText = document.getElementById('generated_password').textContent;
             const copyIcon = document.getElementById('copy_icon');
 
-            // نسخ النص
             navigator.clipboard.writeText(passwordText).then(() => {
-                // تغيير الأيقونة والنص مؤقتاً
                 const originalIconClass = copyIcon.className;
                 copyIcon.className = 'fas fa-check';
                 setTimeout(() => {