diff --git a/tubesync/common/static/styles/_template.scss b/tubesync/common/static/styles/_template.scss index 0d163c1..bdba5c7 100644 --- a/tubesync/common/static/styles/_template.scss +++ b/tubesync/common/static/styles/_template.scss @@ -5,6 +5,13 @@ html { color: $text-colour; } +body { + display: flex; + min-height: 100vh; + flex-direction: column; + justify-content: space-between; +} + header { background-color: $header-background-colour; diff --git a/tubesync/common/templates/base.html b/tubesync/common/templates/base.html index 93d1cab..6695b09 100644 --- a/tubesync/common/templates/base.html +++ b/tubesync/common/templates/base.html @@ -16,32 +16,36 @@ -
-
- - {% include 'tubesync.svg' with width='3rem' height='3rem' %} -

TubeSync

- -
-
+
- +
+
+ + {% include 'tubesync.svg' with width='3rem' height='3rem' %} +

TubeSync

+ +
+
-
-
- {% block content %}{% endblock %} -
-
+ + +
+
+ {% block content %}{% endblock %} +
+
+ +