From b76a01f760c86d2851a2998aeba39dd57f5de2c4 Mon Sep 17 00:00:00 2001
From: Midgard <midgard@zeus.ugent.be>
Date: Fri, 3 Apr 2020 17:24:35 +0200
Subject: [PATCH] Avoid inline CSS

---
 assets/main.css | 10 ++++++++++
 index.html      |  3 +--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/assets/main.css b/assets/main.css
index cf0ec8d..f00c603 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -229,3 +229,13 @@ ul#server_selection_list {
 	grid-column-start: 1;
 	grid-column-end: 3;
 }
+
+.channel-contents-message {
+	text-align: center;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: #aaa;
+}
diff --git a/index.html b/index.html
index 1326bad..4791eee 100644
--- a/index.html
+++ b/index.html
@@ -49,8 +49,7 @@
 			<div id="channel_contents_wrapper">
 				<div class="centered" id="channel_contents">
 
-					<div style="text-align: center; width: 100%; height: 100%; display: flex;
-						align-items: center; justify-content: center; color: #aaa">
+					<div class="channel-contents-message">
 						<div>← Select a channel in the sidebar to read it</div>
 					</div>