diff --git a/src/site/pug/includes/next_page_button.pug b/src/site/pug/includes/next_page_button.pug index 79190c2..d38a9b6 100644 --- a/src/site/pug/includes/next_page_button.pug +++ b/src/site/pug/includes/next_page_button.pug @@ -6,5 +6,6 @@ mixin next_page_button(user, selectedTimeline, url, type) nu.searchParams.set("page", selectedTimeline.pages.length+1) a(href=`${nu.search}#page-${selectedTimeline.pages.length+1}` data-page=(selectedTimeline.pages.length+1) data-username=(user.data.username) data-type=type)#next-page.next-page Next page else - div.page-number.no-more-pages - span.number No more posts. + div + div.page-number.no-more-pages + span.number No more posts. diff --git a/src/site/sass/includes/_main.sass b/src/site/sass/includes/_main.sass index 0c85975..050a1f3 100644 --- a/src/site/sass/includes/_main.sass +++ b/src/site/sass/includes/_main.sass @@ -161,6 +161,11 @@ body .timeline-section background-color: map-get($theme, "background-primary") padding: 0px 15px 40px + display: flex + flex-direction: column + + @media screen and (max-width: $layout-a-max) + flex: 1 .selector-container padding: 15px @@ -220,10 +225,10 @@ body .timeline --image-size: 260px $image-size: var(--image-size) + flex: 1 @media screen and (max-width: $layout-a-max) --image-size: 150px - flex: 1 @media screen and (max-width: $layout-c-max) --image-size: calc(33vw - 10px)