Merge pull request #636 from AppQuality/develop

Update translations and a small layout issue in homepage

Author: cannarocks

src/features/templates/Page.tsx

@@ -20,6 +20,9 @@ const Container = styled.div<{
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: ${({ theme }) => theme.palette.grey[100]};
+  padding-bottom: ${({ theme }) =>
+    theme.components.chrome.header
+      .height}; /* Fix to prevent page bottom for being cut because of the chrome fixed header height */
   margin: ${({ theme }) => theme.space.xxl} auto;
   ${({ excludeMarginTop }) => excludeMarginTop && `margin-top: 0;`}
   ${({ excludeMarginBottom }) => excludeMarginBottom && `margin-bottom: 0;`}

src/pages/Campaign/useWidgets/Experience/widgets/General/index.tsx

@@ -14,6 +14,10 @@ const StyledRow = styled.div`
   grid-template-columns: 8fr 4fr;
   grid-gap: ${({ theme }) => theme.space.md};
   align-items: start;
+
+  @media (max-width: ${({ theme }) => theme.breakpoints.md}) {
+    grid-template-columns: 1fr;
+  }
 `;
 
 export const CampaignInfo = ({