From 0890ea3f77e424ba5794b77106f7bdfa96cfae62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Glasn=C3=A1k?= <matej.glasnak@blume.sk>
Date: Wed, 10 Dec 2025 23:58:39 +0100
Subject: [PATCH] fix(task001): minor improvements for resposivity

---
 .../app/_theme/_components/modals.sass        |  8 ++++++--
 .../master-task/z-master-task-modal.vue       | 20 +++++++++----------
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/app/src/plugins/app/_theme/_components/modals.sass b/app/src/plugins/app/_theme/_components/modals.sass
index d1b0f25..54e2eb0 100644
--- a/app/src/plugins/app/_theme/_components/modals.sass
+++ b/app/src/plugins/app/_theme/_components/modals.sass
@@ -25,8 +25,12 @@
 	pointer-events: auto
 	opacity: 2
 	position: absolute
-	left: 92%
-	top: 25%
+	right: 35px !important
+	top: 50%
+	transform: translateY(-50%)
+	color: rgb(102, 102, 102) !important
+	z-index: 10
+	font-size: 26px
 
 .relative
 	position: relative !important
diff --git a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
index a1cbbec..0b86ff2 100644
--- a/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
+++ b/app/src/plugins/tm@modal/master-task/z-master-task-modal.vue
@@ -60,7 +60,7 @@
               <Z-datepicker
                 ref="datepicker"
                 v-model="mastertask.deadline"
-                label="Dátum"
+                label="Deadline"
                 :auto-apply="true"
                 :min-date="new Date()"
                 class="modal-input"
@@ -135,7 +135,7 @@
               v-model="mastertask.employees[index].duration"
               class="modal-input"
               :class="{ error: employee.invalid }"
-              :label="`${employee.name} ${employee.surname}`"
+              :label="`${employee.name} ${employee.surname} (h)`"
               variant="solo"
               placeholder="h"
               type="number"
@@ -769,14 +769,14 @@ export default {
 	right: 12px
 	transform: translate(0, -50%)
 
-.remove-input
-	position: absolute
-	top: 50%
-	right: 0px
-	transform: translate(-15px, -50%)
-	color: rgb(102, 102, 102) !important
-	z-index: 10
-	cursor: pointer
+// .remove-input
+// 	position: absolute
+// 	top: 50%
+// 	right: 0px
+// 	transform: translate(-15px, -50%)
+// 	color: rgb(102, 102, 102) !important
+// 	z-index: 10
+// 	cursor: pointer
 
 .scrolling
 	overflow: hidden !important