align stuff
This commit is contained in:
parent
469c1e6d36
commit
4b7df27e40
2 changed files with 36 additions and 16 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue