FIX: mobile modal close button position, mobile layout of radio buttons and checkboxes

This commit is contained in:
Neil Lalonde
2017-05-18 17:08:45 -04:00
parent ed4b2b6d8d
commit fa77bbf04f
5 changed files with 41 additions and 46 deletions

View File

@@ -149,6 +149,43 @@ body {
.profiler-results.profiler-left {
top: 60px !important;
}
label {
display: block;
margin-bottom: 5px;
}
input {
&[type="radio"], &[type="checkbox"] {
margin: 3px 0;
line-height: normal;
cursor: pointer;
}
&[type="submit"], &[type="reset"], &[type="button"], &[type="radio"], &[type="checkbox"] {
width: auto;
}
}
.radio, .checkbox {
min-height: 18px;
padding-left: 18px;
}
.radio input[type="radio"], .checkbox input[type="checkbox"] {
float: left;
margin-left: -18px;
}
.controls > {
.radio:first-child, .checkbox:first-child {
padding-top: 5px;
}
}
.radio.inline, .checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
}
.radio.inline .radio.inline, .checkbox.inline .checkbox.inline {
margin-left: 10px;
}
}
.unread-private-messages {