changed padding between input fields

Author: drewngyen

src/components/CodeSnippet.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <!-- <input type="checkbox" v-model="lineNumbers"> Linenumbers -->
-    <p v-if="activeComponent === ''">Select a Component</p>
+    <p v-if="activeComponent === ''">Select a component</p>
     <p v-else >{{ `${activeComponent}.vue` }}</p>
     <prism-editor
       v-model="code"
@@ -24,7 +24,7 @@ import 'vue-prism-editor/dist/VuePrismEditor.css'
 export default {
   data () {
     return {
-      code: `Your component boilerplate will be displayed here`,
+      code: `Your component boilerplate will be displayed here.`,
       lineNumbers: true,
       height: null
     }

src/layouts/MyLayout.vue

@@ -77,6 +77,10 @@ export default {
 .q-list {
   // background: gray;
 }
+// styling between input and elements in q-list drawer
+.q-field--with-bottom {
+  padding-bottom: 5px;  
+}
 // css styling for entire drawer
 .q-drawer {
   // background: white;