From 46e79ec596a106e4b4c7ff8df4cad520732d1049 Mon Sep 17 00:00:00 2001
From: Shi Chen <chenshi@microsoft.com>
Date: Mon, 24 May 2021 16:37:11 +0800
Subject: [PATCH] preserve space for title

---
 .../assets/features/formatterSettings/FormatterSettingView.tsx  | 2 +-
 src/formatter-settings/assets/style.scss                        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/formatter-settings/assets/features/formatterSettings/FormatterSettingView.tsx b/src/formatter-settings/assets/features/formatterSettings/FormatterSettingView.tsx
index 9426df29..a1cedf52 100644
--- a/src/formatter-settings/assets/features/formatterSettings/FormatterSettingView.tsx
+++ b/src/formatter-settings/assets/features/formatterSettings/FormatterSettingView.tsx
@@ -97,7 +97,7 @@ const FormatterSettingsView = (): JSX.Element => {
     <Container className="root d-flex flex-column">
       <Row className="setting-header">
         <Col><h2 className="mb-0">{title}</h2></Col>
-        <Col>{readOnly && (<div><a className="btn btn-primary float-right" role="button" title="Download and edit profile" onClick={() => onWillDownloadAndUse()}>Edit</a></div>)}</Col>
+        <Col className="flex-grow-0">{readOnly && (<div><a className="btn btn-primary float-right" role="button" title="Download and edit profile" onClick={() => onWillDownloadAndUse()}>Edit</a></div>)}</Col>
       </Row>
       <Row className="flex-grow-1 d-flex flex-nowrap view-body">
         <Col className="flex-grow-0">{naviBar}</Col>
diff --git a/src/formatter-settings/assets/style.scss b/src/formatter-settings/assets/style.scss
index b360d46b..307d0e89 100644
--- a/src/formatter-settings/assets/style.scss
+++ b/src/formatter-settings/assets/style.scss
@@ -3,7 +3,7 @@ $enable-rounded: false;
 .root {
   overflow: hidden;
   max-width: 1200px !important;
-  min-width: 470px !important;
+  min-width: 530px !important;
   min-height: 220px !important;
   height: 100vh !important;
 }