From 176a8fe4d4c0965f715b61f73577d960232b3428 Mon Sep 17 00:00:00 2001
From: Cadence Ember <cloudrac3r@vivaldi.net>
Date: Thu, 25 Jun 2020 03:26:33 +1200
Subject: [PATCH] Visual regression: Vertical align no posts notice

---
 src/site/pug/includes/next_page_button.pug | 5 +++--
 src/site/sass/includes/_main.sass          | 7 ++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

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)