small polishments for using

coffee/menu.coffee

@@ -27,6 +27,7 @@ app.menu = new Vue
         title: taskList[0].title
         content: taskList[0].content
         finish: '...'
+      @$data.history.splice 40
     doFocus: (index) ->
       taskList = @$data.working.splice index, 1
       @$data.working.unshift taskList[0]

page/column.css

@@ -30,3 +30,11 @@
 #add:hover {
     color: rgb(165, 68, 219);
 }
+
+.empty {
+    padding: 176px;
+    color: rgb(165, 165, 165);
+}
+.empty:first-letter {
+    text-transform: capitalize;
+}

page/editor.css

@@ -28,7 +28,9 @@
     justify-content: space-between;
 }
 
-#action .name {}
+#action .name {
+    text-transform: capitalize;
+}
 
 #dismiss {
     cursor: pointer;
@@ -47,11 +49,11 @@
 #inputing > input {
     line-height: 29px;
     font-size: 16px;
-    margin-bottom: 20px;
+    margin-bottom: 10px;
     border: none;
     border-bottom: 1px solid rgb(233, 233, 233);
     outline: none;
-    padding: 0px 0.5em;
+    padding: 4px 0.5em;
 }
 
 .controls {
@@ -72,3 +74,13 @@
 .controls .button:hover {
     background: rgb(118, 118, 255);
 }
+
+#title {}
+#title:first-letter {
+    text-transform: capitalize;
+}
+
+#content {}
+#content:first-letter {
+    text-transform: capitalize;
+}

page/menu.css

@@ -16,6 +16,7 @@
     align-items: stretch;
     flex-direction: column;
     display: flex;
+    box-shadow: 0px 0px 1px rgb(209, 209, 209);
 }
 #menu > div:hover {
     background: white;

page/record.css

@@ -1,7 +1,29 @@
 
 
-.record {}
+.record {
+    padding: 10px;
+    box-shadow: 0px 0px 3px rgb(182, 182, 182);
+}
 
-.content #save {}
+.record .action {
+    font-size: 16px;
+    color: rgb(210, 192, 255);
+    text-align: center;
+    border-radius: 5px;
+    display: inline-block;
+    float: left;
+    margin-right: 1em;
+}
 
-.content #delete {}
+.record .title {
+    font-size: 17px;
+    color: black;
+}
+.record .title:first-letter {
+    text-transform: capitalize;
+}
+.record .content {
+    color: rgb(197, 197, 197);
+    font-size: 16px;
+    line-height: 22px;
+}

page/task.css

@@ -3,6 +3,16 @@
     padding: 0 20px;
     box-shadow: 0 1px 0px rgb(206, 206, 206);
     position: relative;
+    height: 80px;
+}
+.task .title {
+}
+.task .title:first-letter {
+    text-transform: capitalize;
+}
+.task .content {
+    color: lightgrey;
+    font-size: 15px;
 }
 
 .handlers {

view/editor.jade

@@ -5,8 +5,8 @@
       span.name(v-model='action')
       span#dismiss(v-on='click: dismiss') ×
     #inputing
-      input#title(v-model='title')
-      input#content(v-model='content')
+      input#title(v-model='title', placeholder='title')
+      input#content(v-model='content', placeholder='content')
     #create-control.controls(v-show='action == "create"')
       #create-task.button(v-on='click: createTask') create
     #edit-control.controls(v-show='action == "update"')

view/menu.jade

@@ -13,6 +13,8 @@
         .handlers
           span.button.do-working(v-on='click: doWork($index)') work
           span.button.do-editing(v-on='click: doEditFutures($index)') edit
+      .empty(v-show='futures.length == 0')
+        span futures is empty
 
   #working
     .cover(v-on='click: mode="working"', v-show='mode != "working"')
@@ -29,6 +31,8 @@
           span.button.do-futures(v-on='click: doFutures($index)') futures
           span.button.do-editing(v-on='click: doEditWorking($index)') edit
           span.button.do-history(v-on='click: doHistory($index)') history
+      .empty(v-show='working.length == 0')
+        span working is empty
 
   #history
     .cover(v-on='click: mode="history"', v-show='mode != "history"')
@@ -40,4 +44,5 @@
         .action(v-model='action')
         .title(v-model='title')
         .content(v-model='content')
-        .time(v-model='finish')
+      .empty(v-show='history.length == 0')
+        span history is empty