- fix Header and Drawer Right

- fix Drawer Menu Left
- add icon on the Header
- fix lang if is different language: set to English.

src/components/todos/SingleTodo/SingleTodo.scss

@@ -230,6 +230,11 @@ $heightdescr: 20px;
   line-height: $heightitem;
   padding-left: 2px;
   padding-right: 0px;
+
+  @media (max-width: 600px) {
+    display: none;
+  }
+
   //height: $heightBtn;
   //line-height: $heightBtn;
 }
@@ -265,6 +270,8 @@ $heightdescr: 20px;
   color: blue !important;
   overflow: hidden;
 
+  align-items: center;
+
   vertical-align: middle;
   line-height: 120%;
 

src/components/todos/SingleTodo/SingleTodo.vue

@@ -1,12 +1,5 @@
 <template>
     <div :class="getClassRow()" @click="clickRow">
-        <!--<div v-if="isTodo()" class="flex-item counter-item dragula-container">{{itemtodo.pos}}</div>-->
-        <!--<div v-if="isFirst">-->
-        <!--<q-context-menu ref="contextMenu">-->
-        <!--<SubMenus :menuPopupTodo="menuPopupTodo" :itemtodo="itemtodo" @clickMenu="clickMenu" @setPriority="setPriority"></SubMenus>-->
-        <!--</q-context-menu>-->
-        <!--</div>-->
-
         <div v-if="isTodo()" class="flex-item completed-item donotdrag">
             <q-btn push flat
                    :class="classCompleted"
@@ -19,6 +12,7 @@
             <q-input v-if="sel && !itemtodo.completed" hide-underline type="textarea" ref="inputdescr"
                      v-model.trim="precDescr"
                      autogrow
+                     borderless
                      dense
                      :class="classDescrEdit" :max-height="100"
                      @keydown="keyDownArea" v-on:keydown.esc="exitEdit" @blur="exitEdit(true)" @click="editTodo()"/>

src/components/todos/SubMenus/SubMenus.vue

@@ -2,7 +2,7 @@
     <div>
         <q-list separator no-border class="todo-menu">
             <div v-for="field in menuPopupTodo" :key="field.value">
-                <q-item clickable v-ripple v-if="(field.value !== 130) && (field.value !== 100)" :icon="field.icon"
+                <q-item clickable v-if="(field.value !== 130) && (field.value !== 100)" :icon="field.icon"
                         @click.native="clickMenu(field.value)">
                     <q-item-section avatar>
                         <q-icon :name="field.icon"/>

src/components/todos/todo/todo.vue

@@ -10,22 +10,26 @@
                             <q-menu id="popconfig" self="top right">
                                 <q-list link separator no-border class="todo-menu">
                                     <div v-for="field in menuPopupConfigTodo" :key="field.value">
-                                        <q-item :icon="field.icon"
-                                                @click.native="">
-                                            <q-item-section :icon="field.icon"/>
+                                        <q-item clickable>
 
-                                            <q-item-label v-if="showTask(field.value)">
+                                            <q-item-section avatar>
+                                                <q-icon :name="field.icon"/>
+                                            </q-item-section>
 
-                                                <q-select
-                                                        radio
-                                                        color="secondary"
-                                                        :float-label="field.label"
-                                                        v-model="showtype"
-                                                        :options="listOptionShowTask"/>
-                                            </q-item-label>
-                                            <q-item-label v-else>
-                                                <q-item-section label class="item-menu">{{field.label}}</q-item-section>
-                                            </q-item-label>
+                                            <q-item-section>
+                                                <q-item-label v-if="showTask(field.value)">
+
+                                                    <q-select
+                                                            color="secondary"
+                                                            :label="field.label"
+                                                            v-model="showtype"
+                                                            :options="listOptionShowTask"/>
+                                                </q-item-label>
+                                                <q-item-label v-else>
+                                                    <q-item-section label class="item-menu">{{field.label}}
+                                                    </q-item-section>
+                                                </q-item-label>
+                                            </q-item-section>
                                         </q-item>
                                     </div>
                                 </q-list>
@@ -40,7 +44,7 @@
                      :after="[{icon: 'arrow_forward', content: true, handler () {}}]"
                      v-on:keyup.enter="insertTodo(true)">
                 <template v-slot:prepend>
-                    <q-icon name="add" />
+                    <q-icon name="add"/>
                 </template>
             </q-input>