better button spacing

This commit is contained in:
Ted Unangst 2019-10-23 00:22:19 -04:00
parent aebc6c8981
commit da9ee81ff2
3 changed files with 8 additions and 4 deletions

View File

@ -23,7 +23,8 @@ Honk Filtering and Censorship System
<input tabindex=1 type="text" name="announceof" value="" autocomplete=off> <input tabindex=1 type="text" name="announceof" value="" autocomplete=off>
<hr> <hr>
<h3>action</h3> <h3>action</h3>
<p class=buttonarray><span><label class=button for="doreject">reject: <p class="buttonarray">
<span><label class=button for="doreject">reject:
<input tabindex=1 type="checkbox" id="doreject" name="doreject" value="yes"><span></span></label></span> <input tabindex=1 type="checkbox" id="doreject" name="doreject" value="yes"><span></span></label></span>
<span><label class=button for="doskipmedia">skip media: <span><label class=button for="doskipmedia">skip media:
<input tabindex=1 type="checkbox" id="doskipmedia" name="doskipmedia" value="yes"><span></span></label></span> <input tabindex=1 type="checkbox" id="doskipmedia" name="doskipmedia" value="yes"><span></span></label></span>

View File

@ -30,7 +30,7 @@
</details> </details>
<p> <p>
<textarea name="noise" id="honknoise">{{ .Noise }}</textarea> <textarea name="noise" id="honknoise">{{ .Noise }}</textarea>
<p> <p class="buttonarray">
<button>it's gonna be honked</button> <button>it's gonna be honked</button>
<button name="preview" value="preview">preview</button> <button name="preview" value="preview">preview</button>
<button type=button name="cancel" value="cancel" onclick="cancelhonking()">cancel</button> <button type=button name="cancel" value="cancel" onclick="cancelhonking()">cancel</button>

View File

@ -110,10 +110,13 @@ label.button, button, select {
border: 1px solid $fg; border: 1px solid $fg;
padding: 0.5em; padding: 0.5em;
white-space: nowrap; white-space: nowrap;
margin-top: 1.5em;
} }
.buttonarray { .buttonarray {
line-height: 2.5em; margin-top: -2.0em;
}
.buttonarray button, .buttonarray > span {
margin-top: 2.0em;
display: inline-block;
} }
button a { button a {
text-decoration: none; text-decoration: none;