styling

layouts/main.moon

@@ -9,10 +9,7 @@ class extends Widget
       head ->
         meta charset: "utf-8"
         meta name: "viewport", content: "width=device-width, initial-scale=1"
-        if @title
-          title "#{@title} - Simplex"
-        else
-          title "Simplex"
+        title(@title or "Simplex")
         -- Milligram CSS framework
         link rel: "stylesheet", href: "https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
         link rel: "stylesheet", href: "https://cdn.rawgit.com/necolas/normalize.css/master/normalize.css"
@@ -24,4 +21,5 @@ class extends Widget
         link rel: "stylesheet", href: "/static/main.css"
       body ->
         div class: "container", ->
+          h1(@title or "Simplex")
           @content_for "inner"

static/index.js

@@ -29,7 +29,7 @@ function new_task() {
 function new_api_key() {
   $.get("/new-api-key", function(data, status) {
     if (status == "success") {
-      $("#new-api-key").before("<li>" + data.api_key.key + "</li>");
+      $("#new-api-key").before("<li><code>" + data.api_key.key + "</code></li>");
     } else {
       console.log(data); // NOTE TEMPORARY (need to handle errors better)
     }

views/index/logged_in.moon

@@ -24,6 +24,7 @@ class LoggedIn extends Widget
       ul style: "list-style: none;", ->
         if @keys
           for key in *@keys
-            li key.key
+            li ->
+              code key.key
         li id: "new-api-key", ->
           button onclick: "new_api_key()", "New API Key"