added global styles for delete actions and abandoned actions

Author: megatera

src/components/ComponentDisplay.vue

@@ -139,7 +139,7 @@
                     />
                     <q-btn
                     id="note-btn-close"
-                    class="sidebar-btn"
+                    class="sidebar-btn abandonAction"
                     label="Close"
                     @click="this.openNoteModal"
                     />
@@ -684,9 +684,6 @@ li:hover{
 }
 
 #note-btn-close {
-  background-color: $subprimary;
-  color: $menutext;
-  border: 1px solid $menutext;
   width: 100%;
   margin-top: 10px;
   margin-bottom: 10px;

src/components/home_sidebar_items/ComponentTab/EditDeleteComponents.vue

@@ -113,7 +113,7 @@ Description:
       />
       <q-btn
         id="deleteButton"
-        class="sidebar-btn"
+        class="sidebar-btn deleteAction"
         @click="deleteSelectedComp(activeComponentData)"
         label="Delete currently selected"
       />
@@ -310,7 +310,7 @@ export default {
 }
 
 .menu-link:hover{
-  color: $accent;
+  color: $primary;
 }
 
 .q-field {
@@ -388,9 +388,6 @@ p {
 }
 
 #deleteButton {
-  background-color: rgba($negative, .2);
-  border: 1px solid $negative;
-  color: $negative;
   width: 100%;
   margin-top: 30px;
   margin-bottom: 30px;

src/components/home_sidebar_items/ComponentTab/UploadImage.vue

@@ -25,8 +25,7 @@ Description:
           <q-btn
             v-else
             disable
-            class="upload-btn"
-            color="secondary"
+            class="upload-btn deleteAction"
             label="Clear Image"
           />
         </div>

src/css/app.scss

@@ -37,6 +37,18 @@ main {
     min-height: 42px !important;
 }
 
+.deleteAction {
+  background-color: rgba($negative, .2);
+  color: $negative;
+  border: 1px solid $negative;
+}
+
+.abandonAction {
+  background-color: $subprimary;
+  color: $menutext;
+  border: 1px solid $menutext;
+}
+
 .q-item {
     background: $subsecondary;  
 }