Browse Source

Equalize wizard summary page columns

Made the wizard summary page have its two columns of equal size.
Previously, the right column was smaller.
Adjusted the column widths to be equal to provide a better visual
balance to the page.
Sergiu Miclea 3 years ago
parent
commit
aab2f7e3b4
1 changed files with 4 additions and 10 deletions
  1. 4 10
      src/components/modules/WizardModule/WizardSummary/WizardSummary.tsx

+ 4 - 10
src/components/modules/WizardModule/WizardSummary/WizardSummary.tsx

@@ -38,19 +38,13 @@ import { ProviderTypes } from "@src/@types/Providers";
 import configLoader from "@src/utils/Config";
 import networkArrowImage from "./images/network-arrow.svg";
 
-const Wrapper = styled.div<any>`
+const Wrapper = styled.div`
   width: 100%;
   display: flex;
+  justify-content: space-between;
 `;
-const Column = styled.div<any>`
-  width: 50%;
-
-  &:first-child {
-    margin-right: 160px;
-  }
-  &:last-child {
-    max-width: calc(50% - 160px);
-  }
+const Column = styled.div`
+  ${ThemeProps.exactWidth("calc(50% - 80px)")}
 `;
 const Section = styled.div<any>`
   margin-bottom: 42px;