diff options
| author | Yuval Adam <yuval@y3xz.com> | 2015-06-20 00:58:56 +0300 |
|---|---|---|
| committer | Yuval Adam <yuval@y3xz.com> | 2015-06-20 00:58:56 +0300 |
| commit | 81dd4c59c6d51d58e16937a49bfb2068a28d4c99 (patch) | |
| tree | c71affe12b843bf9a0ded6b9f11361539ea3ec7d /client | |
| parent | 9856a3dd144afda6abc1ad742967e0e99691393c (diff) | |
Dates screen
Diffstat (limited to 'client')
| -rw-r--r-- | client/button.js | 7 | ||||
| -rw-r--r-- | client/colors.less | 15 | ||||
| -rw-r--r-- | client/templates/dates.html | 2 |
3 files changed, 15 insertions, 9 deletions
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}} |