better button spacing
Ted Unangst tedu@tedunangst.com
Wed, 23 Oct 2019 00:22:19 -0400
3 files changed,
8 insertions(+),
4 deletions(-)
M
views/hfcs.html
→
views/hfcs.html
@@ -23,7 +23,8 @@ <p><label for="announceof">announce of:</label><br>
<input tabindex=1 type="text" name="announceof" value="" autocomplete=off> <hr> <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> <span><label class=button for="doskipmedia">skip media: <input tabindex=1 type="checkbox" id="doskipmedia" name="doskipmedia" value="yes"><span></span></label></span>
M
views/honkform.html
→
views/honkform.html
@@ -30,7 +30,7 @@ </div>
</details> <p> <textarea name="noise" id="honknoise">{{ .Noise }}</textarea> -<p> +<p class="buttonarray"> <button>it's gonna be honked</button> <button name="preview" value="preview">preview</button> <button type=button name="cancel" value="cancel" onclick="cancelhonking()">cancel</button>
M
views/style.css
→
views/style.css
@@ -110,10 +110,13 @@ background: $bg-page;
border: 1px solid $fg; padding: 0.5em; white-space: nowrap; - margin-top: 1.5em; } .buttonarray { - line-height: 2.5em; + margin-top: -2.0em; +} +.buttonarray button, .buttonarray > span { + margin-top: 2.0em; + display: inline-block; } button a { text-decoration: none;