style(X-Pack): 优化任务分区配置页面布局

core/core-frontend/src/views/menu/system/sync/task/task/TargetForm.vue

@@ -1196,26 +1196,5 @@ defineExpose({validate, closeLoading});
   .increment-info-body {
   }
 
-  .partition-body {
-    .number-input-range {
-      display: flex;
-      width: 100%;
-
-      .start {
-        width: calc(100% - 100px) !important;
-      }
-
-      .span {
-        line-height: 32px;
-        padding: 0 8px 0 8px;
-        margin-top: 28px;
-      }
-
-      .end {
-        width: calc(100% - 100px) !important;
-        margin-top: 28px;
-      }
-    }
-  }
 }
 </style>

core/core-frontend/src/views/menu/system/sync/task/task/component/DorisProperty.vue

@@ -742,4 +742,27 @@ defineExpose({
 .partition-info-body {
   padding-bottom: 20px;
 }
+
+.number-input-range {
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
+
+  .start,
+  .end {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .span {
+    flex: none;
+    line-height: 32px;
+    margin-top: 28px;
+    padding: 0 8px;
+  }
+
+  .end {
+    margin-top: 28px;
+  }
+}
 </style>