Stop dictionary update if name or specification blank

src/js/dictionaryManagement.js

@@ -54,7 +54,13 @@ export function saveEditModal() {
   const updatedDictionary = cloneObject(window.currentDictionary);
   delete updatedDictionary.words;
   updatedDictionary.name = removeTags(document.getElementById('editName').value.trim());
+  if (updatedDictionary.name.length < 1) {
+    updatedDictionary.name = window.currentDictionary.name;
+  }
   updatedDictionary.specification = removeTags(document.getElementById('editSpecification').value.trim());
+    if (updatedDictionary.specification.length < 1) {
+      updatedDictionary.specification = window.currentDictionary.specification;
+    }
   updatedDictionary.description = removeTags(document.getElementById('editDescription').value.trim());
   updatedDictionary.partsOfSpeech = document.getElementById('editPartsOfSpeech').value.split(',').map(val => val.trim()).filter(val => val !== '');
   updatedDictionary.alphabeticalOrder = document.getElementById('editAlphabeticalOrder').value.split(' ').map(val => val.trim()).filter(val => val !== '');

src/scss/_structure.scss

@@ -279,7 +279,7 @@ $nav-font-height: 16px;
   
   #editDescription {
     width: 100%;
-    height: 280px;
+    height: 240px;
   }
 }
 

src/scss/mobile/_structure.scss

@@ -89,7 +89,7 @@ $mobile-word-form-size: 32px;
   }
   #editDescription {
     width: 100%;
-    height: 260px;
+    height: 220px;
   }
 }
 

template-index.html

@@ -245,9 +245,11 @@
       <section id="editDescriptionTab">
         <label>Name<br>
           <input id="editName" maxlength="50">
+          <small>Won't update if left blank.</small>
         </label>
         <label>Specification<br>
           <input id="editSpecification" maxlength="50">
+          <small>Won't update if left blank.</small>
         </label>
         <label>Description<a class="label-button maximize-button">Maximize</a><br>
           <textarea id="editDescription"></textarea>