Fix weird height issue with the 'auto-center map' button

This commit is contained in:
Catalin Constantin Mititiuc 2025-07-24 14:41:45 -07:00
parent 151018be5c
commit d11f401970
2 changed files with 9 additions and 3 deletions

View File

@ -440,7 +440,11 @@ div#content {
box-sizing: border-box; box-sizing: border-box;
} }
#edge-inputs > div > * { #edge-inputs > div {
margin: 2px 0;
}
#edge-inputs > div > label {
pointer-events: initial; pointer-events: initial;
} }
@ -494,7 +498,6 @@ input#content-visibility-toggle {
} }
#toggle-firing-arc-vis label, .opt-toggle label { #toggle-firing-arc-vis label, .opt-toggle label {
display: block;
background-color: #DDD; background-color: #DDD;
border: 1px solid #666; border: 1px solid #666;
border-radius: 3px; border-radius: 3px;

View File

@ -129,7 +129,9 @@
<div class="opt-toggle"> <div class="opt-toggle">
<input type="checkbox" id="auto-center-map" /> <input type="checkbox" id="auto-center-map" />
<label for="auto-center-map"> <label for="auto-center-map">
<span class="off"></span><span class="on">⦿</span> <!-- These chars have a weird height issue -->
<!-- <span class="off">⦾</span><span class="on">⦿</span> -->
<span class="off"></span><span class="on"></span>
</label> </label>
</div> </div>
@ -138,6 +140,7 @@
<label style="color: red;" for="defender-firing-arc-vis"> <label style="color: red;" for="defender-firing-arc-vis">
<span class="hidden"></span><span class="visible"></span> <span class="hidden"></span><span class="visible"></span>
</label> </label>
<br/>
<input type="checkbox" data-allegiance="attacker" id="attacker-firing-arc-vis" /> <input type="checkbox" data-allegiance="attacker" id="attacker-firing-arc-vis" />
<label style="color: blue;" for="attacker-firing-arc-vis"> <label style="color: blue;" for="attacker-firing-arc-vis">
<span class="hidden"></span><span class="visible"></span> <span class="hidden"></span><span class="visible"></span>