fix: DEC-10148 修改布局，防止数据连接名过长显示导致布局错乱。

src/modules/pages/connection/connection.ts

@@ -83,41 +83,42 @@ export class Connection extends BI.Widget {
                     items: [
                         {
                             el: {
-                                type: LeftRightVerticalAdapt,
+                                type: Htape,
                                 ref: (_ref: any) => {
                                     this.title = _ref;
                                 },
                                 cls: 'bi-border-bottom',
-                                items: {
-                                    left: [
-                                        {
-                                            type: Label,
-                                            lgap: 5,
-                                            ref: (_ref: any) => {
-                                                this.connectionTitleWidget = _ref;
-                                            },
+                                items: [
+                                    {
+                                        type: Label,
+                                        lgap: 5,
+                                        ref: (_ref: any) => {
+                                            this.connectionTitleWidget = _ref;
                                         },
-                                    ],
-                                    right: [
-                                        {
-                                            type: Button,
-                                            rgap: 5,
-                                            level: 'ignore',
-                                            invisible: true,
-                                            text: BI.i18nText('Dec-Dcm_Edit'),
-                                            ref: (_ref: any) => {
-                                                this.connectionEditWidget = _ref;
-                                            },
-                                            handler: () => {
-                                                this.store.getConnectionStatus().then(re => {
-                                                    this.store.setPageIndex(PAGE_INDEX.MAINTAIN);
-                                                    this.store.setDatebaseTypeSelected('');
-                                                })
-                                                    .catch(() => {});
-                                            },
+                                    },
+                                    {
+                                        el: {
+                                            type: VerticalAdapt,
+                                            items: [{
+                                                type: Button,
+                                                level: 'ignore',
+                                                invisible: true,
+                                                text: BI.i18nText('Dec-Dcm_Edit'),
+                                                ref: (_ref: any) => {
+                                                    this.connectionEditWidget = _ref;
+                                                },
+                                                handler: () => {
+                                                    this.store.getConnectionStatus().then(re => {
+                                                        this.store.setPageIndex(PAGE_INDEX.MAINTAIN);
+                                                        this.store.setDatebaseTypeSelected('');
+                                                    })
+                                                        .catch(() => {});
+                                                },
+                                            }],
                                         },
-                                    ],
-                                },
+                                        width: 90,
+                                    },
+                                ],
                             },
                             height: 40,
                         },

src/modules/pages/connection/list/list_item/list_item.ts

@@ -53,6 +53,8 @@ export class ListItem extends BI.BasicButton {
                     {
                         type: Label,
                         text: name,
+                        width: 210,
+                        textAlign: 'left',
                         ref: (_ref: any) => {
                             this.nameLabel = _ref;
                         },