Removed box shadow on left side bar

Author: Julia Bakerink

src/components/dashboard_items/ComponentDetails.vue

@@ -141,7 +141,6 @@ i {
 
 .q-tab-panel {
   height: 100%;
-  // matchs the code editor bg
   background: $subprimary;
   padding-top: 20px;
 }
@@ -158,6 +157,7 @@ i {
 
 .toolbar-background {
   background: black;
+  
 }
 
 #store-cards {

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" :offset="[0, 10]">
+    <q-menu class="dropdown" :offset="[0, 15]">
       <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 :offset="[0, 10]" class="dropdown">
+    <q-menu :offset="[0, 15]" 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"/> 

src/components/home_sidebar_items/ComponentTab/CreateComponent.vue

@@ -180,7 +180,6 @@ export default {
     flex-direction: column;
     justify-content: flex-start;
     align-items: stretch;
-    margin: 4px;
   }
   .create-component-form {
     display: flex;

src/layouts/MyLayout.vue

@@ -46,7 +46,7 @@ Description:
 
         <q-btn class="nav-btn" icon="fas fa-cog" size="sm">
           <!-- < fas => fontawesome, refers to icon style -->
-          <q-menu :offset="[0, 10]" class="dropdown">
+          <q-menu :offset="[0, 15]" class="dropdown">
 
           <div class="settings-dropdown column items-center">
             <q-btn