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

View File

@ -129,7 +129,9 @@
<div class="opt-toggle">
<input type="checkbox" id="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>
</div>
@ -138,6 +140,7 @@
<label style="color: red;" for="defender-firing-arc-vis">
<span class="hidden"></span><span class="visible"></span>
</label>
<br/>
<input type="checkbox" data-allegiance="attacker" id="attacker-firing-arc-vis" />
<label style="color: blue;" for="attacker-firing-arc-vis">
<span class="hidden"></span><span class="visible"></span>