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

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',
+          });
+        }
+      });
     },
   },