fix(frontend): fix ui spacing in layout and wizard (#3648)

kubeshop · Feb 15, 2024 · 1fbdc56 · 1fbdc56
1 parent 2ab2779
commit 1fbdc56
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/web/src/components/Layout/Layout.styled.ts b/web/src/components/Layout/Layout.styled.ts
@@ -4,6 +4,7 @@ import styled, {css} from 'styled-components';
 export const Content = styled(LayoutAntd.Content)<{$hasMenu: boolean}>`
   display: flex;
   flex-direction: column;
+  padding-bottom: 40px;
 
   ${({$hasMenu}) =>
     $hasMenu &&

diff --git a/web/src/components/TriggerTypeModal/TriggerTypeModal.styled.ts b/web/src/components/TriggerTypeModal/TriggerTypeModal.styled.ts
@@ -54,7 +54,7 @@ export const CardList = styled.div`
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
-  margin-bottom: 48px;
+  margin-bottom: 24px;
 `;
 
 export const IntegrationCardList = styled(CardList)`

diff --git a/web/src/components/Wizard/Steps/CreateTest/CreateTest.styled.ts b/web/src/components/Wizard/Steps/CreateTest/CreateTest.styled.ts
@@ -2,10 +2,9 @@ import {Typography} from 'antd';
 import styled from 'styled-components';
 
 export const ButtonContainer = styled.div`
-  margin-top: 44px;
-
   display: flex;
   justify-content: flex-end;
+  margin-top: 4px;
 `;
 
 export const TabText = styled(Typography.Text)`