diff --git a/css/style.css b/css/style.css index 50877f2..ab4f166 100644 --- a/css/style.css +++ b/css/style.css @@ -462,10 +462,7 @@ button.light:hover, a.button.light:hover { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; - max-width: 100%; - padding: 0 20px; - margin: 0; - margin: auto; + padding: 0 30% 0 15%; background: url('../img/logo.png?1437893891') no-repeat 50% 50%; background-size: 20px; } @@ -2683,18 +2680,19 @@ ul.dropdown-menu li > li > a { } @media (max-width: 1200px) { - .wrapper { - width: 98%; - margin: auto; + .right { + display: none; } - .dashboard.left { - width: 33%; + .userMenu ul { + padding: 0; } .postboard { - width: 64%; - margin-right: 1%; - float: right; + width: 85%; + } + + .modal-wrapper { + width: 85%; } } diff --git a/sass/layout/_menu.sass b/sass/layout/_menu.sass index 71edf37..ea8c431 100644 --- a/sass/layout/_menu.sass +++ b/sass/layout/_menu.sass @@ -17,10 +17,7 @@ $menu-font-color: white @extend .clear-fix +box-sizing(border-box) width: 100% - max-width: 100% - padding: 0 20px - margin: 0 - margin: auto + padding: 0 30% 0 15% background: image-url("logo.png") no-repeat 50% 50% background-size: 20px li diff --git a/sass/layout/_responsive.sass b/sass/layout/_responsive.sass index 6f9985d..62bc41f 100644 --- a/sass/layout/_responsive.sass +++ b/sass/layout/_responsive.sass @@ -1,16 +1,15 @@ @media (max-width:1200px) - .wrapper - width: 98% - margin: auto - .dashboard.left - width: 33% + .right + display: none + .userMenu + ul + padding: 0 .postboard - width: 64% - margin-right: 1% - float: right - + width: 85% + .modal-wrapper + width: 85% @media (max-width: 600px)