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

21
public/assets/app.css vendored
View file

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