From c2b82ef9ada61dcc4094f0e1f77ba230bc29e827 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 20 Dec 2024 11:14:42 +0200
Subject: [PATCH] fix: style in sla condition
 popup[WTEL-5776](https://webitel.atlassian.net/browse/WTEL-5776)

---
 .../components/opened-sla-condition-popup.vue | 36 +++++++++++--------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
index 3459bb77..d03fde4b 100644
--- a/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
+++ b/src/modules/configuration/modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue
@@ -1,5 +1,6 @@
 <template>
   <wt-popup
+    class="opened-sla-condition-popup"
     :shown="!!conditionId"
     size="sm"
     @close="close"
@@ -23,21 +24,24 @@
           required
           @input="setItemProp({ path: 'priorities', value: $event })"
         />
-        <wt-timepicker
-          :label="t('lookups.slas.reactionTime')"
-          :value="itemInstance.reactionTime"
-          format="hh:mm"
-          required
-          @input="setItemProp({ path: 'reactionTime', value: $event })"
-        />
+        <div class="opened-sla-condition-popup__wrapper">
+          <wt-timepicker
+            :label="t('lookups.slas.reactionTime')"
+            :value="itemInstance.reactionTime"
+            format="hh:mm"
+            required
+            @input="setItemProp({ path: 'reactionTime', value: $event })"
+          />
+
+          <wt-timepicker
+            :label="t('lookups.slas.resolutionTime')"
+            :value="itemInstance.resolutionTime"
+            format="hh:mm"
+            required
+            @input="setItemProp({ path: 'resolutionTime', value: $event })"
+          />
+        </div>
 
-        <wt-timepicker
-          :label="t('lookups.slas.resolutionTime')"
-          :value="itemInstance.resolutionTime"
-          format="hh:mm"
-          required
-          @input="setItemProp({ path: 'resolutionTime', value: $event })"
-        />
       </form>
     </template>
     <template #actions>
@@ -130,4 +134,8 @@ watch(() => conditionId.value, (value) => {
 </script>
 
 <style lang="scss" scoped>
+.opened-sla-condition-popup__wrapper {
+  display: flex;
+  justify-content: space-between;
+}
 </style>