changed btn size in main layout, added css class export-button

Author: drewngyen

src/components/ExportProject.vue

@@ -2,7 +2,7 @@
 <!-- electron build
   <q-btn class="glossy" color="secondary" label="Export Project" @click="exportProject"/>
   -->
-  <q-btn class="glossy" color="secondary" label="Export Project"/>
+  <q-btn class="glossy export-btn" color="secondary" label="Export Project"/>
 </template>
 
 <script>

src/components/OpenProjectComponent.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-btn class="glossy mr-sm" color="secondary" label="Open Project"/>
+  <q-btn class="glossy export-btn" color="secondary" label="Open Project"/>
   <!--<q-btn class="glossy mr-sm" color="secondary" label="Open Project" @click="openProjectJSON"/>-->
 </template>
 

src/components/SaveProjectComponent.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-btn class="glossy mr-sm" color="secondary" label="Save"/>
+  <q-btn class="glossy export-btn" color="secondary" label="Save"/>
   <!--<q-btn class="glossy mr-sm" color="secondary" label="Save" @click="saveProjectJSON"/>  Uncomment and delete line above for electron build-->
 </template>
 

src/layouts/MyLayout.vue

@@ -58,6 +58,9 @@ export default {
 </script>
 
 <style lang="stylus">
+.export-btn {
+  margin-left: 0.3rem;
+}
 .q-toolbar {
   min-height:  30px;
 }