From 47470402f00657012216703ee9a629d1c70d88a7 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Sun, 10 Mar 2024 19:02:12 +0700
Subject: [PATCH] Refactor CSS and update input layout in Type11.vue

---
 src/assets/css/style.css                   | 8 ++++----
 src/components/Form/FiltersType/Type11.vue | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 2b5859a..a9f265c 100755
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -3261,14 +3261,14 @@ body {
   text-align: left;
 }
 
-.text-center {
-  text-align: center;
-}
-
 .\!text-center {
   text-align: center !important;
 }
 
+.text-center {
+  text-align: center;
+}
+
 .\!text-right {
   text-align: right !important;
 }
diff --git a/src/components/Form/FiltersType/Type11.vue b/src/components/Form/FiltersType/Type11.vue
index cc4ca4f..17f5caa 100755
--- a/src/components/Form/FiltersType/Type11.vue
+++ b/src/components/Form/FiltersType/Type11.vue
@@ -130,12 +130,12 @@ onMounted(() => {
     <div class="flex flex-col flex-1 space-y-2">
       <label class="filter-input-label">Durasi:</label>
 
-      <div class="flex flex-col gap-y-1">
+      <div class="flex flex-col gap-y-2">
         <Select @update:selected="changeDuration($event)" :data="sla" placeholder="Durasi Menit" />
-        <div class="grid grid-flow-col auto-cols-auto gap-x-1.5">
-          <InputWithSuffix :value="`${data.minTime} Menit`" />
+        <div class="flex flex-1 flex-row justify-between gap-x-1.5">
+          <InputWithSuffix :value="`${data.minTime} Menit`" class="flex flex-1" />
           <small class="flex items-center">s/d</small>
-          <InputWithSuffix :value="`${data.maxTime} Menit`" />
+          <InputWithSuffix :value="`${data.maxTime} Menit`" class="flex flex-1" />
         </div>
       </div>
     </div>