Improve bookmark layout

First bookmark on the bookmarks page now has spacing added to the top
This commit is contained in:
Jonny Barnes 2020-02-21 19:38:33 +00:00
parent 980f2e14d7
commit 605ef1ef0b
4 changed files with 50 additions and 37 deletions

View file

@ -24,28 +24,36 @@ body {
}
}
.h-feed {
display: flex;
flex-direction: column;
margin: auto;
img {
max-width: 100%;
}
@media screen and (min-width: 700px) {
max-width: 700px;
> .note,
> .h-entry {
padding: 0 1rem;
}
}
main {
@media screen and (max-width: 699px) {
margin-left: 5px;
margin-right: 5px;
}
.h-feed {
display: flex;
flex-direction: column;
margin: auto;
img {
max-width: 100%;
}
@media screen and (min-width: 700px) {
max-width: 700px;
> .note,
> .h-entry {
padding: 0 1rem;
}
}
.h-entry:first-child {
> .bookmark-link {
padding-top: 2rem;
}
}
}
}
.note {