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:
@@ -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%;
|
||||
|
@@ -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>
|
||||
|
Reference in New Issue
Block a user