Przeglądaj źródła

Added buttons wrapping (#2126)

* Added buttons wrapping

* Layout improved
Kirill Morozov 3 lat temu
rodzic
commit
1ca8873d35

+ 2 - 0
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;
 `;
 

+ 1 - 2
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;