mosys mobile: styling "selected cell header"

partials/GridEditor.vue

@@ -28,15 +28,24 @@
 
     // -------------------------------------------------------------------------------------------- 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-xs.q-py-none.full-height(v-if="!modal")
+      q-item.q-pl-md.q-pr-none.q-py-none.full-height(v-if="!modal")
         q-item-main
           strong {{ selectedCell.type }}
-        q-item-side
-          q-btn.bg-transparent.text-white(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",
+        q-item-side.row
+
+          q-btn.text-white.q-px-sm(@click="", flat)
+            q-icon(name="edit")
+
+          q-btn.text-white.q-px-sm(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",
           flat)
             q-icon(name="delete")
+
+          q-btn.text-white.q-px-md.q-mr-md.on-right(@click="", flat,
+          style="border-radius: .5rem; width: 42px; border: 1px solid rgba(255, 255, 255, .3);")
+            q-icon(name="clear")
+
           //
-            q-btn.bg-transparent.text-white.q-px-sm(@click="", flat)
+            q-btn.text-white.q-px-sm(@click="", flat)
               q-icon(name="edit")
 
             q-btn.bg-transparent.text-white.q-pl-sm.q-pr-md(@click="event => {handleCellContextMenuDelete(event, mobileSelectedCell)}",