counterweight/secajs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

align stuff

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

20
src/public/css/offers.css
View file

@ -65,7 +65,7 @@
} }
#premium-buttons-container { #premium-buttons-container {
width:50%; width: 50%;
} }
.premium-button { .premium-button {
@ -117,3 +117,21 @@
width: 100%; width: 100%;
height: 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;
}

16
src/views/offers.ejs
View file

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