Add styling to gui template.

31ed8fc9 · Andre Julius · f2abba3d · 31ed8fc9 · 31ed8fc9
Commit 31ed8fc9 authored Sep 16, 2017 by Andre Julius 👀
--- a/web/static/style.css
+++ b/web/static/style.css
+* {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	font-family: Verdana, Geneva, sans-serif;
+}
+
+header {
+	background-color: rgba(13,71,161 ,1);
+	color: #fff;
+	height: 10vh;
+	width: 100%;
+}
+
+h1 {
+	line-height: 10vh;
+	text-align: center;
+}
+
+ul {
+	list-style: none;
+	text-align: center;
+	margin: 0 auto;
+	max-width: 400px;
+}
+
+li {
+	background-color: rgba(25,118,210 ,1);
+	color: #fff;
+	line-height: 3em;
+	margin: 10px 0;
+}
\ No newline at end of file
--- a/web/templates/gui.html
+++ b/web/templates/gui.html
@@ -2,6 +2,7 @@
 <html>
 <head>
 	<meta charset="utf-8">
+	<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 	<title>potify gui</title>
 </head>
 <body>