align stuff

This commit is contained in:
counterweight 2025-02-24 17:39:09 +01:00
parent 469c1e6d36
commit 4b7df27e40
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
2 changed files with 36 additions and 16 deletions

View file

@ -65,7 +65,7 @@
}
#premium-buttons-container {
width:50%;
width: 50%;
}
.premium-button {
@ -117,3 +117,21 @@
width: 100%;
height: 100%;
}
.checkbox-row {
display: flex;
width: 25%;
margin-left: auto;
margin-right: auto;
}
.checkbox-row > label {
text-align: start;
margin-left: 0;
align-content: center;
}
.checkbox-row > input[type='checkbox'] {
margin-left: 20%;
height: 2em;
width: 2em;
}

View file

@ -94,21 +94,23 @@
</div>
</div>
<div id="bitcoin-methods-area">
<p>¿Cómo se mueve el Bitcoin?</p>
<label for="onchain">Onchain</label
><input
type="checkbox"
name="onchain"
id="onchain-checkbox"
checked
/>
<label for="lightning">Lightning</label
><input
type="checkbox"
name="lightning"
id="lightning-checkbox"
checked
/>
<h3>¿Cómo se mueve el Bitcoin?</h3>
<div id="onchain-checkbox-area" class="checkbox-row">
<input
type="checkbox"
name="onchain"
id="onchain-checkbox"
checked
/><label for="onchain">Onchain</label>
</div>
<div id="lightning-checkbox-area" class="checkbox-row">
<input
type="checkbox"
name="lightning"
id="lightning-checkbox"
checked
/><label for="lightning">Lightning</label>
</div>
<p id="at-least-one-checkbox" style="display: none">
Tienes que seleccionar al menos una opción.
</p>