fix: style in sla condition popup[WTEL-5776](https://webitel.atlassia…

…n.net/browse/WTEL-5776)
webitel · Dec 20, 2024 · c2b82ef · c2b82ef
1 parent f6acdc4
commit c2b82ef
Showing 1 changed file with 22 additions and 14 deletions.
diff --git a/...modules/lookups/modules/slas/modules/conditions/components/opened-sla-condition-popup.vue b/...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>