[UI] Notification settings checkbox placement fix

This commit is contained in:
rainydaysavings 2020-08-12 21:02:34 +01:00 committed by Hugo Sales
parent 9781d43f08
commit f0558feb98
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
3 changed files with 58 additions and 28 deletions

View File

@ -151,18 +151,23 @@ label {
} }
label:nth-child() { label:nth-child() {
margin-top: var(--medium-size); margin-top: var(--medium-size);
} }
input[type=text] { input[type=text] {
margin-top: calc(var(--unit-size) * 0.5); margin-top: calc(var(--unit-size) * 0.5);
width: calc(100% - var(--unit-size)); width: calc(100% - var(--unit-size));
background-color: rgba(0, 0, 0, 0.30); background-color: rgba(0, 0, 0, 0.30);
border-style: none; border-style: none;
padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5); padding: calc(var(--unit-size) * 0.5) calc(var(--unit-size) * 0.5);
color: #F6F6F6; color: #F6F6F6;
border-radius: calc(var(--unit-size) * 0.5); border-radius: calc(var(--unit-size) * 0.5);
font-size: var(--medium-size); font-size: var(--medium-size);
}
.form input[type=checkbox] {
float: left;
margin-right: calc(var(--unit-size) * 0.5);
} }
button[type=submit] { button[type=submit] {
@ -323,4 +328,10 @@ input[type=radio] {
box-shadow: 0; box-shadow: 0;
border-radius: 0 0 var(--unit-size) var(--unit-size); border-radius: 0 0 var(--unit-size) var(--unit-size);
font-size: var(--unit-size); font-size: var(--unit-size);
}
#form-tabs ul .form form{
width: 100%;
}
#form-tabs ul .form form div label {
margin-bottom: calc(var(--unit-size) * 0.5);
} }

View File

@ -136,18 +136,22 @@ label {
} }
label:nth-child() { label:nth-child() {
margin-top: var(--medium-size); margin-top: var(--medium-size);
} }
input[type=text] { input[type=text] {
margin-top: calc(var(--unit-size) * 0.5); margin-top: calc(var(--unit-size) * 0.5);
width: calc(100% - var(--unit-size)); width: calc(100% - var(--unit-size));
background-color: rgba(0, 0, 0, 0.30); background-color: rgba(0, 0, 0, 0.30);
border-style: none; border-style: none;
padding: calc(var(--unit-size) * 0.5); padding: calc(var(--unit-size) * 0.5);
color: #F6F6F6; color: #F6F6F6;
border-radius: calc(var(--unit-size) * 0.5); border-radius: calc(var(--unit-size) * 0.5);
font-size: var(--medium-size); font-size: var(--medium-size);
}
.form input[type=checkbox] {
float: right;
} }
button[type=submit] { button[type=submit] {
@ -309,4 +313,10 @@ input[type=radio] {
box-shadow: 0; box-shadow: 0;
border-radius: 0 0 var(--unit-size) var(--unit-size); border-radius: 0 0 var(--unit-size) var(--unit-size);
font-size: var(--unit-size); font-size: var(--unit-size);
}
#form-tabs ul .form form{
width: 100%;
}
#form-tabs ul .form form div label {
margin-bottom: calc(var(--unit-size) * 0.5);
} }

View File

@ -132,22 +132,25 @@ label {
display: inline-block; display: inline-block;
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
font-weight: 700; font-weight: 700;
width: 100%;
} }
label:nth-child() { label:nth-child() {
margin-top: var(--medium-size); margin-top: var(--medium-size);
} }
input[type=text] { input[type=text] {
margin-top: calc(var(--unit-size) * 0.5); margin-top: calc(var(--unit-size) * 0.5);
width: calc(100% - var(--unit-size)); width: calc(100% - var(--unit-size));
background-color: rgba(0, 0, 0, 0.30); background-color: rgba(0, 0, 0, 0.30);
border-style: none; border-style: none;
padding: calc(var(--unit-size) * 0.5); padding: calc(var(--unit-size) * 0.5);
color: #F6F6F6; color: #F6F6F6;
border-radius: calc(var(--unit-size) * 0.5); border-radius: calc(var(--unit-size) * 0.5);
font-size: var(--medium-size); font-size: var(--medium-size);
}
.form input[type=checkbox] {
float: right;
} }
button[type=submit] { button[type=submit] {
@ -309,4 +312,10 @@ input[type=radio] {
box-shadow: 0; box-shadow: 0;
border-radius: 0 0 var(--unit-size) var(--unit-size); border-radius: 0 0 var(--unit-size) var(--unit-size);
font-size: var(--unit-size); font-size: var(--unit-size);
}
#form-tabs ul .form form{
width: 100%;
}
#form-tabs ul .form form div label {
margin-bottom: calc(var(--unit-size) * 0.5);
} }