fix(modals): update card height styles to include max-height for better responsiveness

app/src/plugins/tm@modal/blocker/z-blocker-modal.vue

@@ -8,7 +8,7 @@
   >
     <W-loadable :content="blocker" class="h-100">
       <v-card
-        style="position: relative; height: 100%"
+        style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
         class="d-flex flex-column"
       >
         <div class="d-flex justify-space-between align-center modal-header">

app/src/plugins/tm@modal/blocker/z-delete-blocker-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>
           Ste si istý, že chcete zmazať <b>{{ blocker.name }}</b

app/src/plugins/tm@modal/master-task/z-complete-master-task-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>
           Ste si istý, že chcete

app/src/plugins/tm@modal/master-task/z-delete-master-task-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>
           Ste si istý, že chcete zmazať <b>{{ mastertask.name }}</b

app/src/plugins/tm@modal/master-task/z-delete-team-member-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1 class="text-h5">Chcete túto osobu odstrániť z tímu?</h1>
         <div class="d-flex align-start">

app/src/plugins/tm@modal/master-task/z-master-task-modal.vue

@@ -9,7 +9,7 @@
     <W-loadable :content="mastertask" class="h-100">
       <v-card
         v-if="editMode"
-        style="position: relative; height: 100%"
+        style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
         class="d-flex flex-column scrolling"
       >
         <div class="d-flex justify-space-between align-center modal-header">
@@ -248,7 +248,7 @@
 
       <v-card
         v-else
-        style="position: relative; height: 100%"
+        style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
         class="d-flex flex-column scrolling"
       >
         <div class="d-flex justify-space-between align-center">

app/src/plugins/tm@modal/task-cell/z-show-menu-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>Vytvoriť</h1>
         <div class="d-flex align-start">

app/src/plugins/tm@modal/task/_components/_components/a-task-spent-time.vue

@@ -58,7 +58,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>Pridať odpracovaný čas</h1>
 

app/src/plugins/tm@modal/task/_components/_components/a-task-timeblocks.vue

@@ -98,7 +98,7 @@
     :retain-focus="false"
   >
     <v-card
-      style="position: relative; height: 100%"
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
       class="add-timeblock-modal"
     >
       <div class="d-flex justify-space-between align-center pa-4">
@@ -140,7 +140,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1 class="text-red">
           Ste si istý, že chcete pridať timeblock po deadline <br />

app/src/plugins/tm@modal/task/z-complete-task-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>
           Ste si istý, že chcete

app/src/plugins/tm@modal/task/z-delete-task-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>
           Ste si istý, že chcete zmazať sub task z mastertasku

app/src/plugins/tm@modal/task/z-delete-timeblock-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h4 class="mt-3">Vyberte časový úsek, ktorý chcete odstrániť</h4>
 

app/src/plugins/tm@modal/task/z-remove-employee-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>
           Naozaj chcete odstrániť tohto zamestnanca a všetky jeho timeblocks?

app/src/plugins/tm@modal/task/z-remove-timeblock-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>Naozaj chcete odstrániť tento timeblock?</h1>
 

app/src/plugins/tm@modal/task/z-task-add-time-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>Pridať odpracovaný čas</h1>
 

app/src/plugins/tm@modal/task/z-task-modal.vue

@@ -17,7 +17,7 @@
         v-if="editMode"
         height="100%"
         class="d-flex flex-column scrolling"
-        style="position: relative; height: 100%"
+        style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
       >
         <div class="d-flex justify-space-between align-center modal-header">
           <h1>{{ subtask?.id ? 'Upraviť sub task' : 'Vytvoriť sub task' }}</h1>
@@ -196,7 +196,7 @@
         v-else
         height="100%"
         class="d-flex flex-column scrolling"
-        style="position: relative; height: 100%"
+        style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
       >
         <div class="d-flex justify-space-between align-center">
           <div>

app/src/plugins/tm@modal/task/z-unable-to-complete-task-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>Sub Task má nedokončené úlohy</h1>
 

app/src/plugins/tm@modal/task/z-unable-to-edit-office-task-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1 v-if="mode === 'edit'">
           Sub Task zosynchronizovaný z Office365 sa nedá upravovat. Upravte ho

app/src/plugins/tm@modal/team/z-delete-team-modal.vue

@@ -6,7 +6,9 @@
     persistent
     :retain-focus="false"
   >
-    <v-card style="position: relative; height: 100%">
+    <v-card
+      style="position: relative; height: 100%; max-height: calc(100vh - 48px)"
+    >
       <div class="d-flex justify-space-between align-center">
         <h1>
           Ste si istý, že chcete zmazať tím <b>{{ team.name }}</b

app/src/plugins/tm@modal/team/z-team-modal.vue

@@ -9,7 +9,11 @@
     <W-loadable :content="team" class="h-100">
       <v-card
         class="d-flex flex-column"
-        style="position: relative; height: 100%"
+        style="
+          position: relative;
+          height: 100%;
+          max-height: calc(100vh - 48px);
+        "
       >
         <div class="d-flex justify-space-between align-center modal-header">
           <h1>{{ team.id ? 'Upraviť tím' : 'Vytvoriť tím' }}</h1>
@@ -19,7 +23,10 @@
           </div>
         </div>
 
-        <v-card-actions class="d-flex flex-column modal-content">
+        <v-card-actions
+          ref="modalContent"
+          class="d-flex flex-column modal-content"
+        >
           <v-text-field
             v-model="team.name"
             class="modal-input"
@@ -153,6 +160,16 @@ export default {
       this.team.employees.push(employee);
       this.employeeSelect = null;
       this.$refs.autocomplete.search = '';
+
+      // Scroll to bottom after adding employee
+      this.$nextTick(() => {
+        if (this.$refs.modalContent) {
+          this.$refs.modalContent.$el.scrollTo({
+            top: this.$refs.modalContent.$el.scrollHeight,
+            behavior: 'smooth',
+          });
+        }
+      });
     },
   },