From 1ca8873d35af5e3f130026d056aa26d88c0cc643 Mon Sep 17 00:00:00 2001
From: Kirill Morozov <grifx.design@gmail.com>
Date: Mon, 6 Jun 2022 14:18:10 +0300
Subject: [PATCH] Added buttons wrapping (#2126)

* Added buttons wrapping

* Layout improved
---
 .../src/components/Connect/Details/Actions/Actions.tsx         | 2 ++
 .../src/components/common/PageHeading/PageHeading.tsx          | 3 +--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/kafka-ui-react-app/src/components/Connect/Details/Actions/Actions.tsx b/kafka-ui-react-app/src/components/Connect/Details/Actions/Actions.tsx
index db26a27dee..4c85585959 100644
--- a/kafka-ui-react-app/src/components/Connect/Details/Actions/Actions.tsx
+++ b/kafka-ui-react-app/src/components/Connect/Details/Actions/Actions.tsx
@@ -14,6 +14,8 @@ import { Button } from 'components/common/Button/Button';
 
 const ConnectorActionsWrapperStyled = styled.div`
   display: flex;
+  flex-wrap: wrap;
+  align-items: center;
   gap: 8px;
 `;
 
diff --git a/kafka-ui-react-app/src/components/common/PageHeading/PageHeading.tsx b/kafka-ui-react-app/src/components/common/PageHeading/PageHeading.tsx
index 426532ef4c..da9903067f 100644
--- a/kafka-ui-react-app/src/components/common/PageHeading/PageHeading.tsx
+++ b/kafka-ui-react-app/src/components/common/PageHeading/PageHeading.tsx
@@ -21,11 +21,10 @@ const PageHeading: React.FC<PropsWithChildren<Props>> = ({
 };
 
 export default styled(PageHeading)`
-  height: 56px;
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 0px 16px;
+  padding: 16px;
 
   & > div {
     display: flex;