Improved margin between darkmode label and darkmode selector

This commit is contained in:
Jan Böhmer 2023-07-03 00:55:11 +02:00
parent a47f0ccc12
commit 9cb265c6f5

View file

@ -62,7 +62,7 @@
{% endif %} {% endif %}
<li role="separator" class="dropdown-divider" id="toggleDarkmodeSeparator"></li> <li role="separator" class="dropdown-divider" id="toggleDarkmodeSeparator"></li>
<div class="px-4 py-0 d-flex justify-content-between align-items-baseline"> <div class="px-4 py-0 d-flex justify-content-between align-items-baseline">
<span>{% trans %}ui.toggle_darkmode{% endtrans %}</span> <span class="me-2">{% trans %}ui.toggle_darkmode{% endtrans %}</span>
<div class="btn-group" role="group" {{ stimulus_controller('common/darkmode') }}> <div class="btn-group" role="group" {{ stimulus_controller('common/darkmode') }}>
<input type="radio" class="btn-check" name="darkmode" id="darkmode-light" autocomplete="off" value="light"> <input type="radio" class="btn-check" name="darkmode" id="darkmode-light" autocomplete="off" value="light">
<label class="btn btn-outline-secondary" for="darkmode-light" title="{% trans %}ui.darkmode.light{% endtrans %}"><i class="fa-solid fa-sun"></i></label> <label class="btn btn-outline-secondary" for="darkmode-light" title="{% trans %}ui.darkmode.light{% endtrans %}"><i class="fa-solid fa-sun"></i></label>