Corrected some logic problems...

4 storing:
  - Array in Memory Global state.todos
  - Array temporary filtered arr_todos
  - IndexedDb
  - Database

src/components/todos/SingleTodo/SingleTodo.scss

@@ -26,6 +26,10 @@ $heightitem: 19px;
   display: inline-block;
 }
 
+.comp_selected {
+  display: inline-block !important;
+}
+
 .flex-container2:hover{
   background-color: rgba(230, 230, 230, 0.8);
 }
@@ -87,6 +91,9 @@ $heightitem: 19px;
   //visibility: hidden;
 }
 
+//.q-popover.animate-scale {
+//  animation: none;
+//}
 
 .pos-item:hover, .pos-item-popover:hover {
   cursor: grab;

src/components/todos/SingleTodo/SingleTodo.ts

@@ -40,6 +40,8 @@ export default class SingleTodo extends Vue {
   public togglemenu: boolean = false
   public percentageProgress: number = 0
   public itemtodoPrec: ITodo
+  public clButtPopover: string = 'pos-item-popover'
+
   $q: any
 
   @Prop({ required: true }) itemtodo: ITodo
@@ -128,6 +130,9 @@ export default class SingleTodo extends Vue {
     this.menuProgress += mycolcl
     this.percProgress += mycolcl
 
+    this.clButtPopover = this.sel ? 'pos-item-popover comp_selected' : 'pos-item-popover'
+
+
     // if (this.inEdit) {
     //   this.classDescr += ' hide'
     //   this.classDescrEdit += ' show'
@@ -264,6 +269,7 @@ export default class SingleTodo extends Vue {
       }
     }
 */
+    // Delete Key or Backspage
     if (((e.keyCode === 8) || (e.keyCode === 46)) && (this.precDescr === '') && !e.shiftKey) {
       e.preventDefault()
       this.deselectRiga()
@@ -382,11 +388,13 @@ export default class SingleTodo extends Vue {
     const deletestr = this.$t('dialog.delete')
     const cancelstr = this.$t('dialog.cancel')
 
-    await askConfirm(this.$q, this.$t('dialog.msg.titledeleteTask'), this.$t('dialog.msg.deleteTask').toString(), deletestr, cancelstr)
+    let msg = this.$t('dialog.msg.deleteTask', {'mytodo' : this.itemtodo.descr })
+    await askConfirm(this.$q, this.$t('dialog.msg.titledeleteTask'), msg, deletestr, cancelstr)
       .then(ris => {
         console.log('ris', ris)
-        if (ris)
+        if (ris) {
           this.removeitem(this.itemtodo._id)
+        }
       }).catch(err => {
 
     })

src/components/todos/SingleTodo/SingleTodo.vue

@@ -13,7 +13,7 @@
             </q-btn>
         </div>
 
-        <q-input type="textarea" ref="inputdescr" v-model.trim="precDescr"
+        <q-input hide-underline type="textarea" ref="inputdescr" v-model.trim="precDescr"
                  :class="classDescr" :max-height="50"
                  @keydown="keyDownArea" v-on:keydown.esc="exitEdit" @blur="exitEdit(true)" @click="editTodo()"/>
 
@@ -50,8 +50,8 @@
             </div>
         </div>
         <div v-if="isTodo()" class="flex-item pos-item" @mouseup.left="mouseUp" @mousedown="clickRiga">
-            <q-btn flat
-                   class="pos-item-popover"
+            <q-btn push
+                   :class="clButtPopover"
                    icon="menu" >
                 <q-popover self="top right">
                     <SubMenus :menuPopupTodo="menuPopupTodo" :itemtodo="itemtodo" @clickMenu="clickMenu" @setPriority="setPriority"></SubMenus>
@@ -59,6 +59,8 @@
 
             </q-btn>
         </div>
+        <!--clButtPopover: {{ clButtPopover }}-->
+        <!--Sel: {{ sel }}-->
         <!--<div class="flex-item btn-item">-->
         <!--{{itemtodo.expiring_at}}-->
         <!--</div>-->