From 87059b06d15812d1e0a07a19ba112c35bdb2f458 Mon Sep 17 00:00:00 2001
From: Nathan Reyes <nathanreyes@me.com>
Date: Tue, 14 Nov 2017 21:24:26 -0600
Subject: [PATCH] Fix nav panel layout bug in Firefox

---
 CHANGELOG.md                                   |  3 +++
 .../home/examples/ExContentStyles.vue          |  7 +------
 package.json                                   |  2 +-
 src/components/CalendarNav.vue                 | 18 ++++++++++++------
 4 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4681fe670..99e05ba4c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,6 @@
+## 0.2.1
+* Fix layout bug with navigation panel in Firefox
+
 ## 0.2.0
 * Simplify header title layout
 * Add navigation panel popover with indicators
diff --git a/docs/components/home/examples/ExContentStyles.vue b/docs/components/home/examples/ExContentStyles.vue
index dd85d0f38..b170fbb10 100755
--- a/docs/components/home/examples/ExContentStyles.vue
+++ b/docs/components/home/examples/ExContentStyles.vue
@@ -1,8 +1,7 @@
 <template>
   <v-calendar
     :attributes='attributes'
-    is-double-paned
-    :min-page='minPage'>
+    is-double-paned>
   </v-calendar>
 </template>
 
@@ -17,10 +16,6 @@ export default {
       nextMonth,
       nextMonthYear } = getExampleMonthComps();
     return {
-      minPage: {
-        month: 4,
-        year: 2016,
-      },
       attributes: [
         {
           contentStyle: {
diff --git a/package.json b/package.json
index b82214d5b..fcf6785a5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "v-calendar",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "A clean and extendable plugin for building simple attributed calendars in Vue.js.",
   "keywords": [
     "vue",
diff --git a/src/components/CalendarNav.vue b/src/components/CalendarNav.vue
index 028b56215..7f89f5bab 100644
--- a/src/components/CalendarNav.vue
+++ b/src/components/CalendarNav.vue
@@ -355,9 +355,10 @@ $cellTransition: all 0.1s ease-in-out
 
 .c-table-cell
   position: relative
-  display: flex
-  justify-content: center
-  align-items: center
+  // display: flex
+  // flex-direction: column
+  // justify-content: center
+  // align-items: center
   user-select: none
   cursor: pointer
   width: 100%
@@ -381,15 +382,20 @@ $cellTransition: all 0.1s ease-in-out
 .c-label
   position: absolute
   font-size: 0.9rem
-  transition: padding-bottom 0.1s ease-in-out
+  top: 6px
+  width: 100%
+  text-align: center
+  transition: top 0.1s ease-in-out
   &.has-indicators
-    padding-bottom: 10px
+    top: 2px
 
 .c-indicators
+  position: absolute
   display: flex
   justify-content: center
   align-items: center
-  margin-top: 14px
+  bottom: 5px
+  width: 100%
   transition: $cellTransition
   .c-indicator
     width: 5px