updated dropdown offset

Author: Julia Bakerink

src/components/file_system_interface/ExportProject.vue

@@ -11,7 +11,7 @@ Description:
 
 <template>
   <q-btn class="nav-btn" color="secondary" label="Export">
-    <q-menu class="dropdown">
+    <q-menu class="dropdown" :offset="[0, 10]">
       <div class="settings-dropdown column items-center"> 
       <p class="center">Export:</p>
       <q-btn class="menu-btn" no-caps color="secondary" label="Project" @click="exportProject"/> 

src/components/file_system_interface/OpenProjectComponent.vue

@@ -6,7 +6,7 @@ Description:
 
 <template>
     <q-btn class="nav-btn" color="secondary" label="Import">
-    <q-menu class="dropdown">
+    <q-menu :offset="[0, 10]" class="dropdown">
       <div class="settings-dropdown column items-center"> 
       <p class="center">Import:</p>
       <q-btn class="menu-btn" no-caps color="secondary" label="Project" @click="openProjectJSON"/> 
@@ -72,12 +72,10 @@ export default {
 .menu-btn{
   width: 80%;
   margin: 10px 0px;
-  box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
 }
 
 .import-comp{
   width: 80% !important;
   margin: 10px 0px;
-  box-shadow:inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
 }
 </style>

src/layouts/MyLayout.vue

@@ -46,11 +46,11 @@ Description:
 
         <q-btn class="nav-btn" icon="fas fa-cog" size="sm">
           <!-- < fas => fontawesome, refers to icon style -->
-          <q-menu class="dropdown">
+          <q-menu :offset="[0, 10]" class="dropdown">
 
           <div class="settings-dropdown column items-center">
             <q-btn
-              class="menu-btn"
+              class="tut-btn"
               color="secondary"
               label="Getting Started"
               no-caps
@@ -427,7 +427,12 @@ q-btn > i {
 .menu-btn{
   width: 80%;
   margin: 10px 0px;
-  box-shadow:inset 0 -0.6em 0 -0.35em rgba(0, 0, 0, 0.055);
+}
+
+.tut-btn{
+    width: 80%;
+    margin: 20px 0px 10px;
+
 }
 
 .menu-btn:disabled{