maximizing content space

views/index/logged_in.moon

@@ -5,21 +5,21 @@ class LoggedIn extends Widget
     task_item = (task) ->
       li ->
         div class: "row", ->
-          div class: "column column-80", ->
+          div class: "column column-100", ->
             if task
               input type: "checkbox", id: "task-#{task.id}", onchange: "check(#{task.id});", checked: task.done
               text " #{task.content}"
             else
               input type: "checkbox"
-          div class: "column column-20", ->
+          div class: "column column-10", ->
             button class: "delete", onclick: "delete_item(this);", "x"
 
     api_key_item = (key="") ->
       li ->
         div class: "row", ->
-          div class: "column column-60", ->
+          div class: "column column-100", ->
             code key
-          div class: "column column-offset-20 column-20", ->
+          div class: "column column-10", ->
             button class: "delete", onclick: "delete_item(this);", "x"
 
     script src: "/static/index.js"
@@ -31,9 +31,9 @@ class LoggedIn extends Widget
     script id: "error-template", type: "text/x-custom-template", ->
       li ->
         div class: "row error", ->
-          div class: "column column-80", ->
+          div class: "column column-100", ->
             span class: "error-text"
-          div class: "column column-20", ->
+          div class: "column column-10", ->
             button class: "delete", onclick: "delete_item(this);", "x"
 
     ul style: "list-style: none;", ->