Style improvements.

client/index.ls

@@ -296,13 +296,7 @@ render-body = ->
 		h \div#main-section [
 			switch model.current-view
 			when "login"
-				h \div.columns [
-					h \div.column
-					h \div.column [
-						model.login-form.render!
-					]
-					h \div.column
-				]
+				model.login-form.render!
 
 			when "project-list"
 				render-project-list!

client/style.sass

@@ -7,6 +7,9 @@
 
 // @import "../node_modules/bulmaswatch/superhero/_overrides.scss"
 
+html
+    overflow: hidden
+
 #body
     position: absolute
     top: 0
@@ -16,18 +19,34 @@
     display: flex
     flex-flow: column nowrap
 
-.project, .project .columns
-    height: 100%
-
 .project .columns
     overflow-x: auto
+    height: 100%
 
 .avatar
     border-radius: 4px
 
+// FIXME: wrap this in a desktop media query.
+.login-form
+  position: absolute
+  left:  calc(50% - 150px)
+  right: calc(50% - 150px)
+  top:   25%
+
 #main-section
   margin: 0.75rem 1.5rem
   flex: 1 1 auto
+  overflow-y: auto
+  overflow-x: hidden
+  position: relative
+
+.project
+    position: absolute
+    top: 0
+    bottom: 0
+    // FIXME: Those are supposed to match bulma’s column margins… use variables.
+    left: 0.75em
+    right: 0.75em
 
 .project .columns .column
     padding: 0.25rem