From aff68fa435dcea5e215e0aa86623811444f3dff4 Mon Sep 17 00:00:00 2001
From: MrKBear <mrkbear@qq.com>
Date: Sun, 6 Mar 2022 11:30:27 +0800
Subject: [PATCH] Fix object flex bug

---
 source/Component/CommandBar/CommandBar.tsx    | 10 ++++++++--
 source/Component/DetailsList/DetailsList.scss |  3 ++-
 source/Panel/ObjectList/ObjectList.scss       |  1 +
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/source/Component/CommandBar/CommandBar.tsx b/source/Component/CommandBar/CommandBar.tsx
index ff4d5f7..dfcb06c 100644
--- a/source/Component/CommandBar/CommandBar.tsx
+++ b/source/Component/CommandBar/CommandBar.tsx
@@ -62,12 +62,18 @@ class CommandBar extends Component<ICommandBarProps & IMixinSettingProps & IMixi
                 {this.getRenderButton({
                     iconName: "WebAppBuilderFragmentCreate",
                     i18NKey: "Command.Bar.Add.Group.Info",
-                    click: () => this.props.status ? this.props.status.newGroup() : undefined
+                    click: () => {
+                        this.props.status ? this.props.status.newGroup() : undefined;
+                        this.props.status ? this.props.status.model.draw() : undefined;
+                    }
                 })}
                 {this.getRenderButton({
                     iconName: "CubeShape",
                     i18NKey: "Command.Bar.Add.Range.Info",
-                    click: () => this.props.status ? this.props.status.newRange() : undefined
+                    click: () => {
+                        this.props.status ? this.props.status.newRange() : undefined;
+                        this.props.status ? this.props.status.model.draw() : undefined;
+                    }
                 })}
                 {this.getRenderButton({ iconName: "StepSharedAdd", i18NKey: "Command.Bar.Add.Behavior.Info" })}
                 {this.getRenderButton({ iconName: "Tag", i18NKey: "Command.Bar.Add.Tag.Info" })}
diff --git a/source/Component/DetailsList/DetailsList.scss b/source/Component/DetailsList/DetailsList.scss
index c48ebe9..c9a6d31 100644
--- a/source/Component/DetailsList/DetailsList.scss
+++ b/source/Component/DetailsList/DetailsList.scss
@@ -11,7 +11,7 @@ div.details-list {
         min-height: 30px;
 
         div.details-list-value {
-            padding: 5px 10px;
+            padding: 5px 5px;
             display: flex;
             justify-content: center;
             align-items: center;
@@ -19,6 +19,7 @@ div.details-list {
 
         div.details-list-checkbox {
             display: flex;
+            flex-shrink: 0;
             width: 30px;
             align-items: center;
             justify-content: center;
diff --git a/source/Panel/ObjectList/ObjectList.scss b/source/Panel/ObjectList/ObjectList.scss
index c82464d..e66398b 100644
--- a/source/Panel/ObjectList/ObjectList.scss
+++ b/source/Panel/ObjectList/ObjectList.scss
@@ -22,6 +22,7 @@ div.object-list-command-bar {
         width: 30px;
         height: 100%;
         display: flex;
+        flex-shrink: 0;
         justify-content: center;
         align-items: center;
         user-select: none;