updated some minor bugs with merge Keyla

Author: jchan444

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

@@ -10,8 +10,8 @@ Description:
       group="people"
       class="list-group"
     >
+    
       <div 
-      :class="activeHTML === element[2] ? 'list-group-item-selected' : 'list-group-item'"
       @dblclick.self="setActiveElement(element)"
       v-for="(element) in renderList" :key="element[1] + Date.now()"
       @dragenter="dragEnter($event, element[2])"

src/components/right-sidebar/CodeSnippet.vue

@@ -86,7 +86,7 @@ export default {
     },
     // Creates <template> boilerplate
     writeTemplateTag(componentName) {
-      console.log(this.activeComponentObj)
+      // console.log(this.activeComponentObj)
       // create reference object
       const htmlElementMap = {
         div: ["<div", "</div>"],

src/components/right-sidebar/HTMLQueue.vue

@@ -17,15 +17,13 @@ Description:
     <div group="people" class="list-group">
 
       <p v-if='!this.componentMap[this.activeComponent]?.htmlList.length'>No HTML elements in component</p>
-      <!---->
         <div 
-        id="tooltipCon"
         v-for="(element) in renderList" :key="element[1] + Date.now()" 
         @dragenter="dragEnter($event, element[2])"
-        >  
+        >
           <div
+          id="tooltipCon"
           :class="activeHTML === element[2] ? 'list-group-item-selected' : 'list-group-item'"
-          @dblclick.self="setActiveElement(element)"
           @dragstart="startDrag($event, element[2])" 
           @dragend="endDrag($event)"
           draggable="true"
@@ -42,7 +40,7 @@ Description:
         </div>
     </div>
 
-<!--START OF CHANGES-->>
+<!--START OF CHANGES-->
       <!-- &nbsp; &nbsp; Viewing Elements in {{ this.activeComponent }} '{{ depth }}'
       <hr>
     </span>
@@ -151,20 +149,15 @@ export default {
       else this.$store.dispatch(deleteFromComponentHtmlList, id[1])
     },
     setActiveElement(element) {
-      // if (this.activeComponent !== '') {
-      //   }
-      console.log(this.activeHTML)
+      if (this.activeComponent !== '') {
         this.setActiveHTML(element);
         this.openAttributeModal(element);
-        
-        console.log(this.activeHTML)
+        }
       
     },
     setLayer(element) {
       this.setActiveLayer(element)
       element.id = this.activeHTML
-      console.log(element)
-      console.log(this.activeHTML)
     },
     setParentLayer() {
       if (this.activeLayer.id !== '') {
@@ -304,7 +297,7 @@ hr {
 }
 
 .currentlyDragging {
-  opacity: .5;
+  opacity: 1;
 }
 
 .ignoreByDragover {
@@ -313,7 +306,7 @@ hr {
 #tooltipCon {
   position: relative;
   cursor: pointer;
-  margin-top: 2em;
+  margin-top: 1em;
 }
 
 .tooltip {