mosys mobile: new cell header: close-button styling & functionality

partials/GridEditor.vue

@@ -23,9 +23,14 @@
         q-item-main
           strong New {{ newCellType }}
         q-item-side
+          //
             q-btn.bg-transparent.text-white.on-right(@click.native="clearCachedCell()", round, flat)
               q-icon(name="clear")
 
+          q-btn.text-white.q-px-md.q-mr-md.on-right(@click="clearHandler('cached cell')", flat,
+            style="border-radius: .5rem; width: 42px; border: 1px solid rgba(255, 255, 255, .3);")
+            q-icon(name="clear")
+
     // -------------------------------------------------------------------------------------------- selected cell header
     #selected-cell-header.fixed-top.z-top.bg-dark.text-white.transition(:class="{'show': showEditingCells}")
       q-item.q-pl-md.q-pr-none.q-py-none.full-height(v-if="!modal")
@@ -488,6 +493,10 @@
           })
           this.$store.commit('mosys/setEditingCells', '')
           break
+        case 'cached cell':
+          this.$store.commit('mosys/cacheNewCell', undefined)
+          this.clearTempCell()
+          break
         }
       },
       intersectionChanged (obj) {
@@ -596,10 +605,12 @@
           this.cellHandler.resize.y = this.gridDimensions.full.cell.height * res.y - 8 - 20
         }
       },
+      /*
       clearCachedCell () {
         this.$store.commit('mosys/cacheNewCell', undefined)
         this.clearTempCell()
       },
+      */
       handleCellInfoTouch (event, annotation) {
         console.log('handleCellInfoTouch', annotation)
         this.touchMobileCell(event, annotation)