temporary css changes

static/style.css

@@ -1,3 +1,21 @@
 body {
   font-family: sans-serif;
+  margin: 0;
+}
+
+#container {
+  display: flex;
+  flex-direction: column;
+}
+
+#header {
+  border: 1px solid green;
+}
+
+#title {
+  font-size: 14pt;
+}
+
+#content {
+  border: 1px solid red;
 }

templates/base.html

@@ -3,5 +3,11 @@
 <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
 <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}">
 <title>{{ config["directory"] }} - {{ cloud_name }}</title>
-<h1>{{ config["directory"] }}</h1>
+<div id="container">
-{% block content %}{% endblock %}
+  <div id="header">
+    <span id="title">{{ config["directory"] }}</span>
+  </div>
+  <div id="content">
+    {% block content %}{% endblock %}
+  </div>
+</div>