Improved upload site layout

assets/sass/style.sass

@@ -2,10 +2,16 @@
   margin: 0
   padding: 0
 
+html
+  height: 100%
+
 body
   background: #F2F2F2
   font-family: 'Lato', sans-serif
   font-size: 81.25%
+  height: 100%
+  display: flex
+  flex-direction: column
 
 nav
   position: sticky
@@ -13,7 +19,7 @@ nav
   background: #607D8B
   box-shadow: 0 2px 4px rgba(33, 33, 33, 0.4)
 
-nav ul
+  ul
     display: flex
     max-width: 1024px
     margin: 0 auto
@@ -47,6 +53,13 @@ nav ul
             background: #FFD54F
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
 
+.container.centered
+  flex-grow: 1
+  align-items: center
+  justify-content: center
+  display: flex
+  margin-bottom: 64px
+
 .images
   display: flex
   max-width: 1024px

templates/upload.html

 {{define "title"}}Upload | i.k8r{{end}}
 {{define "content"}}
+<div class="container centered">
 {{range .Results}}
 {{if .Success}}
     <div class="info success">
@@ -14,9 +15,9 @@
     </div>
 {{end}}
 {{end}}
-
     <form action="/upload/" method="POST" enctype="multipart/form-data">
         <input type="file" name="file" accept="image/jpeg,image/png,image/bmp,*.jpeg,*.jpg,*.png,*.bmp" multiple/>
         <input type="submit"/>
     </form>
+</div>
 {{end}}
\ No newline at end of file