From fd511f270605e73e58379a8afa17320271a31505 Mon Sep 17 00:00:00 2001
From: Bala Lakshmi Narayanasami <balalakshmin@microsoft.com>
Date: Thu, 17 Feb 2022 21:02:42 +0530
Subject: [PATCH] icon alignment fix

---
 .../CommandBarComponentButtonFactory.tsx      | 24 ++++++++++++++++++-
 .../CommandBar/ConnectionStatusComponent.less |  4 ++++
 src/Explorer/Panes/PanelComponent.less        |  8 ++++++-
 src/Main.tsx                                  |  1 +
 4 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/Explorer/Menus/CommandBar/CommandBarComponentButtonFactory.tsx b/src/Explorer/Menus/CommandBar/CommandBarComponentButtonFactory.tsx
index 39ca07170..80e24fdad 100644
--- a/src/Explorer/Menus/CommandBar/CommandBarComponentButtonFactory.tsx
+++ b/src/Explorer/Menus/CommandBar/CommandBarComponentButtonFactory.tsx
@@ -220,8 +220,30 @@ export function createControlCommandBarButtons(container: Explorer): CommandButt
       ariaLabel: label,
       tooltipText: label,
       hasPopup: true,
-      disabled: false
+      disabled: false,
+      className: "fonticoncustom"
     };
+
+    // const label = "Chat Assistant";
+    // const supportPaneButton: CommandButtonComponentProps = {
+    //   iconSrc: FeedbackPortalIcon,
+    //   iconAlt: label,
+    //   onCommandClick: () => {
+    //     useSidePanel.getState().openSidePanel("Chat Assistant (Beta)", <SupportPaneComponent
+    //       directLineToken={container.conversationToken()}
+    //       userToken={userContext.authorizationToken}
+    //       subId={userContext.subscriptionId}
+    //       rg={userContext.resourceGroup}
+    //       accName={userContext.databaseAccount.name}
+    //     />);
+    //   },
+    //   commandButtonLabel: undefined,
+    //   ariaLabel: label,
+    //   tooltipText: label,
+    //   hasPopup: false,
+    //   disabled: false,
+    //   className: "Chatbot",
+    // };
     buttons.push(supportPaneButton);
   }
 
diff --git a/src/Explorer/Menus/CommandBar/ConnectionStatusComponent.less b/src/Explorer/Menus/CommandBar/ConnectionStatusComponent.less
index 0688e0baa..8595b1468 100644
--- a/src/Explorer/Menus/CommandBar/ConnectionStatusComponent.less
+++ b/src/Explorer/Menus/CommandBar/ConnectionStatusComponent.less
@@ -42,6 +42,10 @@
         width: 18px;
         color: rgb(0, 120, 212);
 } 
+.fonticoncustom {
+  padding-top: 12px;
+} 
+
   .status {
     position: relative;
     display: block;
diff --git a/src/Explorer/Panes/PanelComponent.less b/src/Explorer/Panes/PanelComponent.less
index 75e36786a..4b62ca31e 100644
--- a/src/Explorer/Panes/PanelComponent.less
+++ b/src/Explorer/Panes/PanelComponent.less
@@ -22,11 +22,17 @@
     .panelInfoIcon {
       font-size: @mediumFontSize;
       width: @mediumFontSize;
-      margin: auto 0 auto @SmallSpace;
+      margin: auto 10 auto @SmallSpace;
       cursor: default;
       vertical-align: middle;
     }
 
+    .customIcon {
+      height: 80% !important;
+      padding-top: 20px !important;
+      margin-top: 20px !important;
+    }
+
     .panelTextBold {
       font-weight: 600;
       line-height: 20px;
diff --git a/src/Main.tsx b/src/Main.tsx
index c38012b64..7f9f33579 100644
--- a/src/Main.tsx
+++ b/src/Main.tsx
@@ -29,6 +29,7 @@ import { CollapsedResourceTree } from "./Common/CollapsedResourceTree";
 import { ResourceTreeContainer } from "./Common/ResourceTreeContainer";
 import "./Explorer/Controls/Accordion/AccordionComponent.less";
 import "./Explorer/Controls/CollapsiblePanel/CollapsiblePanelComponent.less";
+import "./Explorer/Controls/CommandButton/CommandButtonComponent.less";
 import { Dialog } from "./Explorer/Controls/Dialog";
 import "./Explorer/Controls/ErrorDisplayComponent/ErrorDisplayComponent.less";
 import "./Explorer/Controls/JsonEditor/JsonEditorComponent.less";