1
0
mirror of https://github.com/S2-/pwgen.git synced 2025-08-02 00:40:08 +02:00

Layout fine-tuning

This commit is contained in:
Age Bosma
2017-11-26 19:20:32 +01:00
committed by Age Bosma
parent 4a8f31eb7c
commit 5db228d472
2 changed files with 30 additions and 17 deletions

View File

@@ -20,12 +20,27 @@ input[type="number"] {
font-family: inherit;
font-size: inherit;
padding: 5px 10px;
width: 50px;
}
#length-min {
margin-right: 10px;
}
input[type="checkbox"] {
margin-bottom: -7px;
}
#pw {
border: 2px black solid;
width: 250px;
}
#copy {
margin-left: 0px;
}
.copied {
/*height: 100%;*/
width: 100%;

View File

@@ -10,35 +10,33 @@
</head>
<body>
<div class="copied" style="display: none;">password copied to clipboard</div>
<div class="copied" style="display: none;">Password copied to clipboard</div>
<form>
<div>
<label>length</label>
<label for="length-min">min <input type="number" id="length-min" value="14" min="0" name="length-min" style="width: 50px;"></label>
<label for="length-max">max <input type="number" id="length-max" value="18" min="0" name="length-max" style="width: 50px;"></label>
</div>
<div>
<input type="checkbox" id="special" checked="checked" name="special">
<label for="special">include special chars</label>
</div>
<div>
<label for="pw">your password</label>
<input type="text" id="pw" name="pw">
</div>
<div>
<button id="copy" style="margin-left: 0;">copy to clipboard</button><button id="new">give me an other one</button>
<label>Length: </label>
<label for="length-min">min.</label> <input type="number" id="length-min" value="14" min="0" name="length-min">
<label for="length-max">max.</label> <input type="number" id="length-max" value="18" min="0" name="length-max">
</div>
<div>
<input type="checkbox" id="special" checked="checked" name="special">
<label for="special">Include special characters</label>
</div>
<div>
<button id="copy">Copy to clipboard</button><button id="new">Generate another</button>
</div>
<hr>
<div>
<input type="checkbox" id="directcopy" name="directcopy" title="next time when i click the button, copy the new password immediately to the clipboard">
<label for="directcopy">direct copy</label>
<input type="checkbox" id="directcopy" name="directcopy" title="The next time the toolbar button is clicked, the password is copied to the clipboard directly">
<label for="directcopy">Copy directly</label>
</div>
</form>