Tweak mobile styles

This commit is contained in:
Edd Baldry 2016-10-27 20:27:35 +01:00 committed by Matt Westcott
parent ad94e689fc
commit 45756f5aa1
3 changed files with 12 additions and 7 deletions

View file

@ -29,12 +29,6 @@ header {
.col {
float: left;
margin-right: 2em;
// @media screen and (max-width: $breakpoint-mobile) {
// // To all hamburger menu to be visible
// padding-left: 2em;
// margin-top: -2px;
// No... This fixes the snippet page but breaks all else
}
}

View file

@ -104,7 +104,7 @@ $zindex-modal-background: 500;
.header-title {
padding-left: 0em!important;
margin-left: -28px;
margin-left: -36px;
}
}

View file

@ -128,3 +128,14 @@
}
}
}
@media screen and (max-width: $breakpoint-mobile) {
// To allow tabs on the edit page to be editable
.tab-nav li:first-of-type {
padding-left: 1.6em;
}
.tab-nav li {
width: 25%;
}
}