diff --git a/client/src/components/Earn/EarnHistory/EarnHistory.module.scss b/client/src/components/Earn/EarnHistory/EarnHistory.module.scss index a11bf2ceab..3d6d260a79 100644 --- a/client/src/components/Earn/EarnHistory/EarnHistory.module.scss +++ b/client/src/components/Earn/EarnHistory/EarnHistory.module.scss @@ -11,8 +11,12 @@ } } +.skeleton { + padding: 0 $historyHorizontalPadding; +} + .title { - padding: 0 1.6rem; + padding: 0 $historyHorizontalPadding; } .childrenWrapper { diff --git a/client/src/components/Earn/EarnHistory/EarnHistory.tsx b/client/src/components/Earn/EarnHistory/EarnHistory.tsx index 95ebce0b07..2391ad3646 100644 --- a/client/src/components/Earn/EarnHistory/EarnHistory.tsx +++ b/client/src/components/Earn/EarnHistory/EarnHistory.tsx @@ -52,7 +52,9 @@ const EarnHistory: FC = ({ className }) => { titleClassName={styles.title} > {showLoader ? ( - +
+ +
) : ( = ({ /> ), title: t('topProjectsByEthRaised', { numberOfProjects }), - titleSuffix:
{projects.length}
, }, ]} size="custom" diff --git a/client/src/components/Metrics/MetricsGrid/MetricsGridTileValue/MetricsGridTileValue.module.scss b/client/src/components/Metrics/MetricsGrid/MetricsGridTileValue/MetricsGridTileValue.module.scss index af530d650d..27bd0e4610 100644 --- a/client/src/components/Metrics/MetricsGrid/MetricsGridTileValue/MetricsGridTileValue.module.scss +++ b/client/src/components/Metrics/MetricsGrid/MetricsGridTileValue/MetricsGridTileValue.module.scss @@ -41,6 +41,7 @@ font-size: $font-size-24; font-weight: $font-weight-bold; color: $color-octant-dark; + text-align: left; } .subvalue { @@ -49,7 +50,7 @@ font-weight: $font-weight-bold; display: flex; align-items: center; - justify-content: center; + justify-content: flex-start; height: 1.6rem; line-height: 1.6rem; margin-top: 1.2rem; diff --git a/client/src/styles/utils/_variables.scss b/client/src/styles/utils/_variables.scss index e8ec762915..f0923f2e1f 100644 --- a/client/src/styles/utils/_variables.scss +++ b/client/src/styles/utils/_variables.scss @@ -32,3 +32,4 @@ $progressStepperSlimStepPadding: 2.4rem; $modalVariantSmallPaddingMobile: 2.4rem; $modalVariantSmallPaddingDesktop: 5.6rem; $proposalItemPadding: 2.4rem; +$historyHorizontalPadding: 1.6rem;