From 9024fd89a66b7fb6034769a7c680c00f05adcb1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D1=82=D0=BE=D0=BD=20=D0=90=D0=BA=D1=81=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=B2?= <a.aksenov@bars.group>
Date: Wed, 9 Feb 2022 17:14:28 +0800
Subject: [PATCH] Fixed styles for disabled setting + personal footer

---
 css/style.css | 23 +++++++++++++++++++++--
 index.html    |  3 +++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index c66a2fe..b2cf97f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -28,9 +28,8 @@ button {
 
 .container {
   margin: 40px 0;
-  width: 400px;
-  height: 600px;
   padding: 10px 25px;
+  width: 400px;
   background: #0a0e31;
   border-radius: 10px;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.45), 0 4px 8px rgba(0, 0, 0, 0.35), 0 8px 12px rgba(0, 0, 0, 0.15);
@@ -38,11 +37,23 @@ button {
   font-family: "sans-serif";
 }
 
+.footer {
+  text-align: center;
+  line-height: 3em;
+  color: #fff;
+}
+
+.footer a,
+.footer a:visited {
+  color: rgb(93 104 226);
+}
+
 .container h2.title {
   font-size: 1.75rem;
   margin: 10px -5px;
   margin-bottom: 30px;
   color: #fff;
+  text-align: center;
 }
 
 .result {
@@ -277,6 +288,14 @@ button {
           box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.75);
 }
 
+.settings .setting input:disabled + label:before, .settings .setting input:disabled + label:after {
+    cursor: not-allowed;
+}
+
+.settings .setting input:disabled + label:before {
+    background: #4f4f6a;
+}
+
 .btn.generate {
   -webkit-user-select: none;
      -moz-user-select: none;
diff --git a/index.html b/index.html
index 5cc9440..f8e9696 100644
--- a/index.html
+++ b/index.html
@@ -40,6 +40,9 @@
                 <label for="symbol">Include Symbols</label>
             </div>
         </div>
+        <div class="footer">
+            <a href="https://github.com/anthonyaxenov/password-generator">GitHub</a> | <a href="https://axenov.dev">axenov.dev</a>
+        </div>
     </div>
     <script src="js/script.js"></script>
 </body>