Updates to editing request.

components/collections/addCollection.vue

@@ -53,7 +53,7 @@ export default {
     },
     watch: {
         show() {
-            if (!this.editingCollection.collectionIndex);
+            if (!this.editingCollection.collectionIndex) return;
             this.newCollection = Object.assign({}, this.editingCollection);
         },
     },

components/collections/addFolder.vue

@@ -50,7 +50,7 @@ export default {
     },
     watch: {
         show() {
-            if (!this.editingFolder.folderIndex);
+            if (!this.editingFolder.folderIndex) return;
             this.newFolder = Object.assign({}, this.editingFolder);
         },
     },

components/collections/collection.vue

@@ -69,6 +69,7 @@
         padding: 0;
         width: 20px;
         margin: 0;
+        margin-right: .2rem;
         height: 20px;
         border-radius: 50%;
     }

components/collections/folder.vue

@@ -42,6 +42,7 @@
         padding: 0;
         width: 20px;
         margin: 0;
+        margin-right: .2rem;
         height: 20px;
         border-radius: 50%;
     }

components/collections/saveRequest.vue

@@ -71,6 +71,26 @@ export default {
         show() {
             this.request = Object.assign(this.request, this.editingRequest);
         },
+        'request.collection': function (newValue, oldValue) {
+            if (!oldValue) return;
+
+            if (newValue === oldValue) {
+                delete this.request.oldCollection;
+                return;
+            }
+            this.request.oldFolder = this.request.folder;
+            this.request.folder = -1;
+            this.request.oldCollection = oldValue;
+        },
+        'request.folder': function (newValue, oldValue) {
+            if (!oldValue) return;
+
+            if (newValue === oldValue) {
+                delete this.request.oldFolder;
+                return;
+            }
+            this.request.oldFolder = oldValue;
+        }
     },
     computed: {
         collections() {