added outlines to custom and delete

src/components/Editor.vue

@@ -64,7 +64,7 @@
               />
             </v-list>
             <VueDraggable
-              class="row wrap justify-space-around dragArea list-group"
+              class="outline row wrap justify-space-around dragArea list-group"
               :list="custom.phonemes"
               group="phonemes"
               @change="customChanged"
@@ -79,12 +79,12 @@
             </VueDraggable>
           </v-flex>
           <v-flex xs12>
-            <v-icon>delete</v-icon>
             <VueDraggable
+              class="outline delete"
               :list="trash"
               group="phonemes"
               @change="customChanged"
-            ></VueDraggable>
+            ><v-icon>delete</v-icon></VueDraggable>
           </v-flex>
         </v-layout>
       </v-flex>
@@ -166,5 +166,12 @@ export default {
   },
 };
 </script>
-<style scoped>
+<style lang="scss" scoped>
+  .outline {
+    min-height: 1.6rem;
+    border: 1px dashed #4a5c66;
+    &.delete {
+      border-color: #b80040;
+    }
+  }
 </style>