Merge pull request #416 from jbeyerstedt/feature/mobile-ui
shifts view: change breakpoints to fit more on smaller screens
This commit is contained in:
commit
7278d379cd
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
@ -60,9 +60,9 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-2">%room_select%</div>
|
<div class="col-md-2 col-xs-4 col-xxs-12">%room_select%</div>
|
||||||
<div class="col-md-2">%type_select%</div>
|
<div class="col-md-2 col-xs-4 col-xxs-12">%type_select%</div>
|
||||||
<div class="col-md-2">%filled_select%</div>
|
<div class="col-md-2 col-xs-4 col-xxs-12">%filled_select%</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
|
|
|
@ -247,3 +247,15 @@ body {
|
||||||
transform: rotate(0deg) translateY(0px);
|
transform: rotate(0deg) translateY(0px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 525px) {
|
||||||
|
.col-xxs-12 {
|
||||||
|
float: none;
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
position: relative; left: 0; right: 0;
|
||||||
|
min-height: 1px;
|
||||||
|
padding-right: 15px;
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue