added more minor styling and UI changes

Author: Koregano73

src/components/Canvas.vue

@@ -919,7 +919,7 @@ behavior: url(/pie/PIE.htc);
   position: absolute;
   font-size: 3em;
   margin-top: -4%;
-  margin-left: 23%;
+  margin-left: 29%;
   color: black;
 }
 

src/components/left-sidebar/ComponentTab/CreateMenu.vue

@@ -35,7 +35,7 @@ Description:
     <!-- <q-expansion-item group="accordion" label="Create Component" > -->
       <LibComponents></LibComponents>
 <div class="searchinput">
-      <q-input v-if ="this.$store.state.displaylibComponent" outlined v-model="input" placeholder="Please input" label="Search Element+ Components"
+      <q-input outlined v-model="input" placeholder="Please input" label="Search Element+ Components"
 
       color="white"
           dark

src/components/left-sidebar/ComponentTab/UpdateMenu.vue

@@ -114,7 +114,7 @@ Description:
         id="create-component-btn"
         class="sidebar-btn"
         color="secondary"
-        label="Create Component"
+        label="Done"
         @click="resetActiveComponent"
       />
       <q-btn

src/components/nav-buttons/GridDensity.vue

@@ -5,7 +5,7 @@ Description:
 -->
 <template>
   <div id="gridDensity">
-    <q-btn-dropdown class="q-btn" color="purple" label="Width">
+    <q-btn-dropdown class="q-btn" color="secondary" label="Width">
       <q-list>
         <q-item clickable v-close-popup @click="pickGridDensity('width', 5)">
           <q-item-section>
@@ -38,7 +38,7 @@ Description:
         </q-item>
       </q-list>
     </q-btn-dropdown>
-    <q-btn-dropdown color="purple" label="Height">
+    <q-btn-dropdown color="secondary" label="Height">
       <q-list>
         <q-item clickable v-close-popup @click="pickGridDensity('height', 5)">
           <q-item-section>
@@ -105,7 +105,7 @@ Description:
   margin-left: 15px;
 }
 .q-btn {
-  padding: 5px 20px;
+  padding: 0px 20px;
   margin-right: 15px;
 }
 .q-expansion-item {