From e7f65b5175adda561ece85f518712dd0908bf7c4 Mon Sep 17 00:00:00 2001
From: xiayifan <xiayifan1@huawei.com>
Date: Wed, 3 Mar 2021 16:19:54 +0800
Subject: [PATCH] UI multiSelect-group component style optimization

---
 mindinsight/ui/src/components/multiselect-group.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/mindinsight/ui/src/components/multiselect-group.vue b/mindinsight/ui/src/components/multiselect-group.vue
index c82040cc..478277f5 100644
--- a/mindinsight/ui/src/components/multiselect-group.vue
+++ b/mindinsight/ui/src/components/multiselect-group.vue
@@ -414,6 +414,7 @@ export default {
   flex-wrap: wrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  width: 100%;
 }
 .cl-checklist-container .select-content .select-content-open {
   flex: 1;
@@ -435,15 +436,15 @@ export default {
 }
 .cl-checklist-container .select-content-all .select-item {
   height: 25px;
-  margin-top: 25px;
+  margin-top: 14px;
 }
 .cl-checklist-container .select-item {
   margin-right: 20px;
   flex-shrink: 0;
   margin-bottom: 1px;
+  max-width: 50%;
 }
 .cl-checklist-container .select-item .label-item {
-  width: 100px;
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;