+3 -3

index.html

reviewed

··· 23 23 <i class="db2" tabindex="1"></i> 24 24 <a style="font-size: 14px;" class="dropbtn"><i style="margin-right: 5px;" class="ph ph-gear"></i>settings</a> 25 25 <div id="settings" class="settings-popup"> 26 26 - <a style="margin-bottom: 5px; font-size: 12px; color: light-dark(#d20f39, #f38ba8);">settings saved with javascript enabled</a> 26 26 + <a style="margin: 3px; font-size: 11px; color: light-dark(#d20f39, #f38ba8);">settings saved with javascript enabled</a> 27 27 <radio-picker> 28 28 - <a style="font-size: 14px; color: var(--foreground); margin-top: 9px;">theme:</a> 28 28 + <a style="justify-content: center; align-items: center; text-align: left; display: flex; font-size: 14px; color: var(--foreground);">theme:</a> 29 29 <label for="theme-auto"><input type="radio" name="theme" id="theme-auto" value="auto" checked>auto</label> 30 30 <label for="theme-light"><input type="radio" name="theme" id="theme-light" value="light">light</label> 31 31 <label for="theme-dark"><input type="radio" name="theme" id="theme-dark" value="dark">dark</label> 32 32 </radio-picker> 33 33 <checkbox-picker> 34 34 - <a style="font-size: 14px; color: var(--foreground);">accessibility:</a> 34 34 + <a style="text-align: left; margin-left: 7px; font-size: 14px; color: var(--foreground);">accessibility:</a> 35 35 <label for="disable-bg"><input type="checkbox" id="disable-bg" name="background">disable background</label> 36 36 <label for="disable-animations"><input type="checkbox" id="disable-animations" name="animations">animations</label> 37 37 </checkbox-picker>

+2 -1

styles.css

reviewed

··· 8 8 &:has(input:focus-visible) { 9 9 outline: 2px dashed var(--accent); 10 10 } 11 11 - padding: 5px; 11 11 + padding: 8px; 12 12 margin: 5px; 13 13 cursor: pointer; 14 14 background: var(--crust); ··· 31 31 &:active { background: var(--accent); } 32 32 font-size: 14px; 33 33 padding: 5px; 34 34 + margin-left: 4px; 34 35 border-radius: 12px; 35 36 display: flex; 36 37 }