fixed width of dashboard and nav menu to match rest of app

This commit is contained in:
John Mitchell
2015-05-29 10:49:13 -04:00
parent 8795f06801
commit 8e59c3506a
3 changed files with 8 additions and 3 deletions

View File

@@ -28,7 +28,7 @@
} }
@media screen and (min-width: (@menu-breakpoint + 1px)) { @media screen and (min-width: (@menu-breakpoint + 1px)) {
padding: 0 1rem; padding: 0 20px;
} }
&-menuContainer { &-menuContainer {

View File

@@ -1,6 +1,7 @@
/** @define SetupMenu */ /** @define SetupMenu */
@import "shared/branding/colors.less"; @import "shared/branding/colors.less";
@menu-breakpoint: 710px;
.SetupMenu { .SetupMenu {
display: flex; display: flex;
@@ -8,5 +9,9 @@
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
margin-left: -1rem; margin-left: 0;
@media screen and (max-width: @menu-breakpoint) {
margin-left: -1rem;
}
} }

View File

@@ -1,6 +1,6 @@
<div class="tab-pane" id="home"> <div class="tab-pane" id="home">
<div ng-cloak id="htmlTemplate" style="padding:10px"> <div ng-cloak id="htmlTemplate">
<div id="refresh-row" class="row"> <div id="refresh-row" class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div id="home-list-actions" class="list-actions pull-right"> <div id="home-list-actions" class="list-actions pull-right">