From 81dd4c59c6d51d58e16937a49bfb2068a28d4c99 Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Sat, 20 Jun 2015 00:58:56 +0300
Subject: Dates screen

---
 client/button.js            |  7 +++----
 client/colors.less          | 15 +++++++++++----
 client/templates/dates.html |  2 +-
 3 files changed, 15 insertions(+), 9 deletions(-)

(limited to 'client')

diff --git a/client/button.js b/client/button.js
index 8741666..0b3cbfb 100644
--- a/client/button.js
+++ b/client/button.js
@@ -124,10 +124,9 @@ Template.dates.events({
 
 Template.dates.helpers({
   months: [
-    [{val: 1, name: 'Jan.'}, {val: 2, name: 'Feb.'}, {val: 3, name: 'March'}],
-    [{val: 4, name: 'April'}, {val: 5, name: 'May'}, {val: 6, name: 'June'}],
-    [{val: 7, name: 'July'}, {val: 8, name: 'Aug.'}, {val: 9, name: 'Sept.'}],
-    [{val: 10, name: 'Oct.'}, {val: 11, name: 'Nov.'}, {val: 12, name: 'Dec.'}],
+    [{val: 1, name: 'January'}, {val: 2, name: 'February'}, {val: 3, name: 'March'}, {val: 4, name: 'April'}],
+    [{val: 5, name: 'May'}, {val: 6, name: 'June'}, {val: 7, name: 'July'}, {val: 8, name: 'August'}],
+    [{val: 9, name: 'September'}, {val: 10, name: 'October'}, {val: 11, name: 'November'}, {val: 12, name: 'December'}],
   ],
   years: _.range(2012, 2016)
 })
diff --git a/client/colors.less b/client/colors.less
index 20302a2..b6ba29b 100644
--- a/client/colors.less
+++ b/client/colors.less
@@ -7,7 +7,7 @@ body {
       height: auto;
       max-width: 500px;
       margin: 0 auto;
-      margin-top: 190px;
+      margin-top: 85px;
       div.login {
         text-align: center;
         flex: 0 0 auto;
@@ -43,6 +43,9 @@ body {
     }
     div.dates-wrapper {
       div.dates {
+        max-width: 700px;
+        margin: 0 auto;
+        margin-top: 85px;
         h2 {
           color: #2636F9;
           font-size: 3.3em;
@@ -50,6 +53,7 @@ body {
           text-align: center;
         }
         form {
+          margin-top: 65px;
           div.month-row {
             display: -webkit-flex;
             display: flex;
@@ -58,12 +62,15 @@ body {
             div.month-button {
               -webkit-flex-grow: 1;
               flex-grow: 1;
+              text-align: center;
               label.radio-inline {
                 text-align: center;
-                color: #333;
+                color: #999;
                 padding: 10px;
                 font-size: 1.2em;
-                width: 100%;
+                width: 160px;
+                border: 1px #999 solid;
+                margin-bottom: 20px;
               }
               input[type="radio"] {
                 display: none;
@@ -79,7 +86,7 @@ body {
             margin-top: 20px;
             text-align: center;
             label.radio-inline {
-              color: #333;
+              color: #999;
               padding: 9px;
               font-size: 1.6em;
             }
diff --git a/client/templates/dates.html b/client/templates/dates.html
index 4227287..0a07abc 100644
--- a/client/templates/dates.html
+++ b/client/templates/dates.html
@@ -1,7 +1,7 @@
 <template name="dates">
   <div class="dates-wrapper">
     <div class="dates">
-      <h2>Choose your month</h2>
+      <h2>Choose a month and a year</h2>
       <form class="dates">
         <div class="form-group">
           {{#each months}}
-- 
cgit v1.3.1