From 801a5e881d441d51a7fe2b99b7c306eca9be6061 Mon Sep 17 00:00:00 2001
From: Ryan Fox <flewkey@2a03.party>
Date: Mon, 3 May 2021 04:11:25 +0000
Subject: [PATCH] Fix display of openring articles

---
 static/style.css | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/static/style.css b/static/style.css
index 8ea469a..f339ec1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -190,6 +190,8 @@ div.article {
 	flex-direction: column;
 	padding-left: 16px;
 	padding-right: 16px;
+	flex-basis: 0;
+	flex-grow: 1;
 }
 
 div.article:first-of-type {
@@ -273,6 +275,28 @@ p.openring {
 	}
 }
 
+@media only screen and (max-width: 600px) {
+	div.articles {
+		flex-direction: column;
+	}
+
+	div.article {
+		padding: 16px 0;
+	}
+
+	div.article:first-of-type {
+		padding-top: 0;
+		border-right: none;
+		border-bottom: solid 2px #AAAAAA;
+	}
+
+	div.article:last-of-type {
+		padding-bottom: 0;
+		border-left: none;
+		border-top: solid 2px #AAAAAA;
+	}
+}
+
 @media only screen and (max-width: 550px) {
 	body {
 		font-size: 17px;