From a756e2bcbe7109be0c18e25775b2a36400becbed Mon Sep 17 00:00:00 2001
From: Davide Alberani <da@erlug.linux.it>
Date: Sat, 21 Jan 2017 13:27:27 +0100
Subject: [PATCH] fixes #11: datepicker not covered by first group

---
 src/App.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 6f505c1..cbcd65b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="main-attendees">
         <md-layout md-gutter md-row>
-            <md-layout md-column md-flex="20" md-gutter>
+            <md-layout id="datepicker-column" md-column md-flex="20" md-gutter>
                 <datepicker id="datepicker" :value="date" :inline="true" :highlighted="highlightedDates" @selected="getDay"></datepicker>
             </md-layout>
             <md-layout id="panel" md-column>
@@ -142,6 +142,10 @@ export default {
     margin-top: 0px;
 }
 
+#datepicker-column {
+    min-width: 320px;
+}
+
 #datepicker {
     padding: 10px;
 }