From ad81865ee5d29cbb8b3a669c2314cbb8fff4caf9 Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Thu, 11 Jun 2015 00:15:45 +0300
Subject: Date styles and updates home screen styles

---
 client/templates/dates.html  | 51 ++++++++++++++++++++++++++++----------------
 client/templates/layout.html |  2 --
 2 files changed, 33 insertions(+), 20 deletions(-)

(limited to 'client/templates')

diff --git a/client/templates/dates.html b/client/templates/dates.html
index d4ff115..558ca2e 100644
--- a/client/templates/dates.html
+++ b/client/templates/dates.html
@@ -1,27 +1,42 @@
 <template name="dates">
-  <form class="dates">
-    <div class="form-group">
-      {{#each months}}
-        {{> month}}
-      {{/each}}
+  <div class="dates-wrapper">
+    <div class="dates">
+      <h2>Choose your month</h2>
+      <form class="dates">
+        <div class="form-group">
+          {{#each months}}
+            {{> row}}
+          {{/each}}
+        </div>
+        <div class="form-group">
+          <div class="years">
+            {{#each years}}
+              {{> year}}
+            {{/each}}
+          </div>
+        </div>
+        <button type="submit" class="dates btn btn-default">Start</button>
+      </form>
     </div>
-    <div class="form-group">
-      {{#each years}}
-        {{> year}}
-      {{/each}}
-    </div>
-    <button type="submit" class="dates btn btn-default">Start</button>
-  </form>
+  </div>
+</template>
+
+<template name="row">
+  <div class="row month-row">
+  {{#each this}}
+    {{> month}}
+  {{/each}}
+  </div>
 </template>
 
 <template name="month">
-  <label class="radio-inline">
-    <input type="radio" name="monthOptions" id="monthRadio{{this}}" value="{{this}}"> {{this}}
-  </label>
+  <div class="col-xs-4">
+    <input type="radio" name="monthOptions" id="monthRadio{{val}}" value="{{val}}">
+    <label class="radio-inline" for="monthRadio{{val}}">{{name}}</label>
+  </div>
 </template>
 
 <template name="year">
-  <label class="radio-inline">
-    <input type="radio" name="yearOptions" id="yearRadio{{this}}" value="{{this}}"> {{this}}
-  </label>
+  <input type="radio" name="yearOptions" id="yearRadio{{this}}" value="{{this}}">
+  <label class="radio-inline" for="yearRadio{{this}}">{{this}}</label>
 </template>
diff --git a/client/templates/layout.html b/client/templates/layout.html
index 2798e7d..9463db6 100644
--- a/client/templates/layout.html
+++ b/client/templates/layout.html
@@ -1,7 +1,5 @@
 <template name="layout">
   <div class="container page">
-    <!-- <button class="logout">logout</button>
-    <hr> -->
 {{> yield}}
   </div>
 </template>
-- 
cgit v1.3.1