Add styles so it's easier to tap buttons

ben-ng · Feb 23, 2014 · 27dda08 · 27dda08
1 parent 1852228
commit 27dda08
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 5 deletions.
diff --git a/day-picker.js b/day-picker.js
@@ -9,6 +9,7 @@ DayPicker = ribcage.extend({
     'click .leftArrow': 'previousDay'
   , 'click .rightArrow': 'nextDay'
   }
+, className: 'ribcage-day-picker'
 , template: require('./template.hbs')
 , context: function () {
     return {

diff --git a/style.css b/style.css
@@ -0,0 +1,18 @@
+.ribcage-day-picker {
+  display: flex;
+  width: 100%;
+}
+
+.ribcage-day-picker .leftArrow {
+  flex: 1;
+  text-align: left;
+}
+
+.ribcage-day-picker .date {
+  width: 60px;
+}
+
+.ribcage-day-picker .rightArrow {
+  flex: 1;
+  text-align: right;
+}
diff --git a/template.hbs b/template.hbs
@@ -1,5 +1,3 @@
-<div>
-  <a href="#" class="leftArrow">&lt;</a>
-  <span class="date">{{date}}</span>
-  <a href="#" class="rightArrow">&gt;</a>
-</div>
+<a href="#" class="leftArrow">&lt;</a>
+<span class="date">{{date}}</span>
+<a href="#" class="rightArrow">&gt;</a>