From c110d137a9e452e4544136f87dce7f545313484f Mon Sep 17 00:00:00 2001
From: Andrej <andrej@scinote.net>
Date: Thu, 25 Sep 2025 15:26:52 +0200
Subject: [PATCH] Fix ui for team automation page [SCI-12343]

---
 app/javascript/vue/team_automations/container.vue | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/app/javascript/vue/team_automations/container.vue b/app/javascript/vue/team_automations/container.vue
index 34c14129f..149953908 100644
--- a/app/javascript/vue/team_automations/container.vue
+++ b/app/javascript/vue/team_automations/container.vue
@@ -4,19 +4,17 @@
   </div>
 
   <div v-if="teamObject?.teamAutomationGroups">
-    <div class="flex flex-col gap-8 mb-4 rounded">
+    <div class="flex flex-col gap-8 mb-4">
       <div v-for="(subGroups, group) in teamObject.teamAutomationGroups" :key="group">
         <h2 class="mt-0">{{ i18n.t(`team_automations.groups.${group}`) }}</h2>
-        <div class="flex flex-col bg-sn-white gap-4 p-4 w-full">
+        <div class="flex flex-col bg-sn-white gap-4 p-4 w-full rounded">
           <div v-for="(subGroupElements, subGroup) in subGroups" :key="subGroup">
             <h5>{{ i18n.t(`team_automations.sub_groups.${subGroup}`) }}</h5>
-            <div v-for="(subGroupElement, i) in subGroupElements" :key="subGroupElement" class="flex w-full">
-              <div class="w-1/2 border-0 border-t border-solid border-sn-super-light-grey">
-                <div class="text-base py-3 pl-2">
-                  {{ i18n.t(`team_automations.sub_group_element.${subGroupElement}`) }}
-                </div>
+            <div v-for="(subGroupElement, i) in subGroupElements" :key="subGroupElement" class="flex justify-between max-w-3xl border-0 border-t border-solid border-sn-super-light-grey">
+              <div class="text-base py-3 pl-2">
+                {{ i18n.t(`team_automations.sub_group_element.${subGroupElement}`) }}
               </div>
-              <div class="flex-shrink-0 border-0 border-t border-solid border-sn-super-light-grey flex items-center">
+              <div class="flex-shrink-0 flex items-center">
                 <div class="sci-toggle-checkbox-container py-3">
                   <input v-model="teamAutomationSettings[group][subGroup][subGroupElement]" type="checkbox" class="sci-toggle-checkbox" @change="setTeamAutomationsSettings"/>
                   <label class="sci-toggle-checkbox-label"></label>