Merge pull request #13 from oslabs-beta/emma/add-features

Emma/add features - additional final edits

Author: EGenesen

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 {

src/components/right-sidebar/RoutesTab.vue

@@ -30,7 +30,7 @@ Includes functionality to:
     </template>
     </q-input>
     <Routes></Routes>
-    <UploadMockup></UploadMockup>
+    <!-- <UploadMockup></UploadMockup> -->
   </div>
 
 </template>

src/components/right-sidebar/tutorial/BasicFunctions.vue

@@ -38,7 +38,7 @@
       deleted.)
     </p>
     <img alt="Routes tab" src="../../../assets/routes.png" class="tut-screenshot">
-    <h class="tutorial-sub-heading">Uploading mockups</h>
+    <!-- <h class="tutorial-sub-heading">Uploading mockups</h>
     <p class="tutorialContent">You can upload a design mockup in the Routes tab of the right sidebar menu (one mockup
       per route). Select the route in the Routes tab, open the ‘Upload Mockup’ sub-menu and click ‘Upload Mockup’. To
       clear the image, click the ‘Clear Image’ button.
@@ -48,7 +48,7 @@
     <p class="tutorialContent">You can find a visualization of your app hierarchy in the Project Tree tab of the right
       sidebar. Routes are blue, components are green. You can also navigate to a component or route by clicking on it in
       the project tree.
-    </p>
+    </p> -->
     <img alt="Project Tree" src="../../../assets/project-tree.png" class="tut-screenshot">
     <h class="tutorial-sub-heading">Component Details</h>
     <p class="tutorialContent">Under the component details tab, you can access details about the active/selected