Updated responsive design

Fixed everything that wasn't lined up properly and shrinked some paddings to make more space for the editor. It also cuts off earlier now.
Not sure what to do with the section borders, they seem alright to me.
This commit is contained in:
Jaroslav Petrnoušek 2015-02-19 18:29:57 +01:00
parent 2bb42138c9
commit b2b6c855b5

View File

@ -86,16 +86,25 @@
vertical-align: bottom; vertical-align: bottom;
} }
@media(max-width:570px) { @media(max-width:737px) {
#header { #header {
height: auto; height: auto;
position: inherit; position: inherit;
width: 100%; width: auto;
border-right: none;
} }
#sections { #sections {
padding-left: 0px; padding-left: 0px;
} }
#sections-heading {
padding-left: 8px;
}
body > section > *:not(h2) {
padding-left: 8px;
}
} }
</style> </style>
<script src="storage.js"></script> <script src="storage.js"></script>