Stuff

Author: aleff-github

Password-Generator.zip

@@ -11,6 +11,7 @@ html {
     width: 100%;
     background-image: url("../img/bk.png");
     background-repeat: round;
+    display: inline-flex
 }
 
 body, 
@@ -80,24 +81,28 @@ hr {
     display: grid;
     gap: 13px 13px;
     grid-template-columns: 1fr 1fr;
+    margin: 5%;
+    margin-right: 25px;
   }
   .grid-item {
-    background: var(--primary);
+    text-align: center;
     border-radius: 30px;
     box-shadow: var(--secondary) 0 10px 20px -10px;
     color: white;
     cursor: pointer;
-    font-family: sans-serif;
-    font-size: xx-large;
-    font-weight: 600;
     line-height: 24px;
-    margin-right: 10px;
     outline: 0 solid transparent;
     padding: 8px 18px;
     width: fit-content;
+    max-width: 90px;
+    min-width: 90px;
     border: 0;
     height: auto;
     cursor: pointer; 
+    
+  }
+  #content {
+    margin-left: 10%;
   }
   .grid-item:hover {
     /* background-color: #741e39;
@@ -115,18 +120,12 @@ hr {
     height: auto;
     cursor: pointer; 
   }
-  .left {
-    margin-left: 15%;
-  }
-  .right {
-    margin-right: 15%;
-  }
 .slider {
     width: 85%;
 }
 .min{
-    float: left;
-    margin-left: 10%;
+    /* float: left; */
+    /* margin-left: 10%; */
     color: gray;
 }
 .max{
@@ -176,7 +175,7 @@ select {
 }
 
 .left-20 {
-    margin-left: 20px;
+    /* margin-left: 20px; */
 }
 
 #generate-password{

css/popup.css

@@ -1,4 +1,3 @@
-
 function generateRandomStrongPassword() {
 
     let size = document.getElementById('slider').value;
@@ -80,4 +79,4 @@ document.addEventListener('DOMContentLoaded', function () {
         document.getElementById("current-size").innerHTML = document.getElementById('slider').value;
     });
 
-});
+});

js/popup.js

@@ -43,21 +43,23 @@ <h2>Generate all password you want!</h2>
                 <p>01..9</p>
             </div>
             <div class="grid-item right clicked" id="symbols">
-                <p>;?/...</p>
+                <p>;?/[</p>
             </div>
         </div></div>
         <div class="section">
             <button class="btn elem-with-background" type="button" id="generate-password">Generate!</button>
+            <br>
+            <br>
+            <span class="min"><i>copy-pasta</i></span>
         </div>
         <div class="section">
             <input type="text" class="form-control" id="password" name="input-group-2" placeholder="Generate Password!">
         </div>
         <hr>
         <div class="section end">
             <h3><b>Credits...</b></h3>
-            <p><b>Author</b>: Alessandro Greco</p>
-            <p><b>Website</b>: <a href="https://autistici.org/aleff" target="_blank">autistici.org/aleff</a></p>
-            <p><b>Donate</b>: <a href="https://github.com/sponsors/aleff-github" target="_blank">GitHub Sponsor</a></p>
+            <p><b>Author</b>: Aleff</p>
+            <p><b>Website</b>: <a href="https://aleff-gitlab.gitlab.io/" target="_blank">aleff-gitlab.gitlab.io/</a></p>
         </div>
     </div>
 </body>