jam-cloud/web/app/assets/stylesheets/client/react-components/TeacherSearchOptions.scss

134 lines
2.2 KiB
SCSS

@import "client/common";
#teacherSearchOptions {
div[data-react-class="TeacherSearchOptionsScreen"] {
height:100%;
}
.search-criteria {
.checkbox-scroller {
height:100px;
margin-top:0;
.checkItem {
clear: both;
margin-bottom:4px;
label {
color: black;
display: inline;
float: left;
font-size: 1em;
}
.icheckbox_minimal {
color: black;
display: inline;
float: left;
font-size: 1em;
margin-right:5px;
}
input {
width: auto;
text-align: left;
float: left;
display: inline;
}
}
}
min-width:200px;
width:25%;
@include border_box_sizing;
float:left;
padding: 0 10px;
margin-bottom:30px;
&:first-child {
padding-left:0;
}
&:last-child {
padding-right:0;
}
h3 {
color: #FFFFFF;
font-size: 14px;
font-weight: 400;
margin-bottom: 8px;
}
}
.screen-content {
padding:20px;
}
.actions {
float: right;
width: 100%;
text-align: right;
padding-right: 31px;
margin-bottom: 20px;
}
h2 {
color: #FFFFFF;
font-size: 23px;
font-weight: 400;
margin-bottom:20px;
padding-left:10px;
}
select {
@include border_box_sizing;
width: 100%;
max-width:200px;
}
.SelectLocation {
select[name="countries"] {
//margin-top: 6px;
margin-bottom: 30px;
}
}
select[name="years-teaching"] {
//margin-top: 6px;
margin-bottom: 30px;
}
label[for="onlyMySchool"] {
margin-left:10px;
}
.student-levels-taught {
.icheckbox_minimal {
top:3px;
margin-right:5px;
}
.teaching-level {
margin-bottom:10px;
}
label {
display:inline-block;
}
input {
display:inline-block;
margin-right:10px;
}
.beginner-level {
margin-top:10px;
}
}
.school-options {
label {
display:inline-block;
vertical-align:middle;
}
input {
vertical-align: middle;
margin-right:10px;
}
}
.years-teaching-header {
margin-top:30px;
}
}