fix(docs): css and example updates

Author: hawkeye64

packages/docs/src/components/NavigationBar.vue

@@ -1,30 +1,9 @@
 <template>
   <div class="row justify-center">
-    <div class="q-pa-md q-gutter-sm row">
-      <q-btn
-        no-caps
-        class="button"
-        style="margin: 2px;"
-        @click="$emit('today')"
-      >
-        Today
-      </q-btn>
-      <q-btn
-        no-caps
-        class="button"
-        style="margin: 2px;"
-        @click="$emit('prev')"
-      >
-        &lt; Prev
-      </q-btn>
-      <q-btn
-        no-caps
-        class="button"
-        style="margin: 2px;"
-        @click="$emit('next')"
-      >
-        Next &gt;
-      </q-btn>
+    <div class="q-pa-md q-gutter-lg row">
+      <q-btn no-caps dense @click="$emit('today')"> Today </q-btn>
+      <q-btn no-caps dense @click="$emit('prev')"> &lt; Prev </q-btn>
+      <q-btn no-caps dense @click="$emit('next')"> Next &gt; </q-btn>
     </div>
   </div>
 </template>