From 1565ed5d711bef34f504ba12c9f825094f916005 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andrzej=20Zi=C3=B3=C5=82ek?= <a.j.ziolek@gmail.com>
Date: Sun, 3 Mar 2024 22:25:36 +0100
Subject: [PATCH 1/3] OCT-1376 Metrics - left align the small & medium tiles
 (#40)

---
 .../MetricsGridTileValue/MetricsGridTileValue.module.scss      | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

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;

From 4404f84f9179ba66d5a49190114ef09e842ebda0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andrzej=20Zi=C3=B3=C5=82ek?= <a.j.ziolek@gmail.com>
Date: Sun, 3 Mar 2024 22:26:40 +0100
Subject: [PATCH 2/3] OCT-1374 Remove counter for projects on Top 10 metrics
 tile (#41)

---
 .../MetricsEpochGridTopProjects.module.scss        | 14 --------------
 .../MetricsEpochGridTopProjects.tsx                |  1 -
 2 files changed, 15 deletions(-)

diff --git a/client/src/components/Metrics/MetricsEpoch/MetricsEpochGridTopProjects/MetricsEpochGridTopProjects.module.scss b/client/src/components/Metrics/MetricsEpoch/MetricsEpochGridTopProjects/MetricsEpochGridTopProjects.module.scss
index ec7374f3fe..fa09389653 100644
--- a/client/src/components/Metrics/MetricsEpoch/MetricsEpochGridTopProjects/MetricsEpochGridTopProjects.module.scss
+++ b/client/src/components/Metrics/MetricsEpoch/MetricsEpochGridTopProjects/MetricsEpochGridTopProjects.module.scss
@@ -10,20 +10,6 @@
   }
 }
 
-.numberOfAllocationsSuffix {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 2.4rem;
-  width: 3.2rem;
-  font-size: $font-size-10;
-  font-weight: $font-weight-bold;
-  color: $color-octant-dark;
-  border-radius: $border-radius-08;
-  background-color: $color-octant-grey3;
-  margin-left: auto;
-}
-
 .noAllocationsYet {
   height: 100%;
   width: 100%;
diff --git a/client/src/components/Metrics/MetricsEpoch/MetricsEpochGridTopProjects/MetricsEpochGridTopProjects.tsx b/client/src/components/Metrics/MetricsEpoch/MetricsEpochGridTopProjects/MetricsEpochGridTopProjects.tsx
index fd7a93fb51..107e4bf7c7 100644
--- a/client/src/components/Metrics/MetricsEpoch/MetricsEpochGridTopProjects/MetricsEpochGridTopProjects.tsx
+++ b/client/src/components/Metrics/MetricsEpoch/MetricsEpochGridTopProjects/MetricsEpochGridTopProjects.tsx
@@ -49,7 +49,6 @@ const MetricsEpochGridTopProjects: FC<MetricsEpochGridTopProjectsProps> = ({
             />
           ),
           title: t('topProjectsByEthRaised', { numberOfProjects }),
-          titleSuffix: <div className={styles.numberOfAllocationsSuffix}>{projects.length}</div>,
         },
       ]}
       size="custom"

From 52b5e42a1055a4458500b55a0be1868286e931af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andrzej=20Zi=C3=B3=C5=82ek?= <a.j.ziolek@gmail.com>
Date: Sun, 3 Mar 2024 22:27:10 +0100
Subject: [PATCH 3/3] OCT-1404 Adjust History Loader to the design (#42)

---
 .../components/Earn/EarnHistory/EarnHistory.module.scss    | 6 +++++-
 client/src/components/Earn/EarnHistory/EarnHistory.tsx     | 4 +++-
 .../EarnHistoryItem/EarnHistoryItem.module.scss            | 7 +++----
 .../EarnHistoryList/EarnHistoryList.module.scss            | 1 +
 client/src/styles/utils/_variables.scss                    | 1 +
 5 files changed, 13 insertions(+), 6 deletions(-)

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<EarnHistoryProps> = ({ className }) => {
       titleClassName={styles.title}
     >
       {showLoader ? (
-        <EarnHistorySkeleton />
+        <div className={styles.skeleton}>
+          <EarnHistorySkeleton />
+        </div>
       ) : (
         <InfiniteScroll
           hasMore={hasNextPage}
diff --git a/client/src/components/Earn/EarnHistory/EarnHistoryItem/EarnHistoryItem.module.scss b/client/src/components/Earn/EarnHistory/EarnHistoryItem/EarnHistoryItem.module.scss
index 5dff49e213..44d5a79741 100644
--- a/client/src/components/Earn/EarnHistory/EarnHistoryItem/EarnHistoryItem.module.scss
+++ b/client/src/components/Earn/EarnHistory/EarnHistoryItem/EarnHistoryItem.module.scss
@@ -6,7 +6,7 @@
 }
 
 .child {
-  padding: 1.3rem 1.6rem;
+  padding: 1.3rem $historyHorizontalPadding;
   border-radius: $border-radius-06;
 
   &:hover {
@@ -26,10 +26,9 @@
 }
 
 .separator {
-  $marginLeft: 1.6rem;
-  width: calc(100% - $marginLeft * 2);
+  width: calc(100% - $historyHorizontalPadding * 2);
   height: 0.1rem;
-  margin-left: $marginLeft;
+  margin-left: $historyHorizontalPadding;
   background: $color-octant-grey8;
 }
 
diff --git a/client/src/components/Earn/EarnHistory/EarnHistoryList/EarnHistoryList.module.scss b/client/src/components/Earn/EarnHistory/EarnHistoryList/EarnHistoryList.module.scss
index d1a02b8422..bb61975271 100644
--- a/client/src/components/Earn/EarnHistory/EarnHistoryList/EarnHistoryList.module.scss
+++ b/client/src/components/Earn/EarnHistory/EarnHistoryList/EarnHistoryList.module.scss
@@ -1,5 +1,6 @@
 .emptyHistoryInfo {
   height: 7.2rem;
+  padding: 0 $historyHorizontalPadding;
   display: flex;
   align-items: center;
   color: $color-octant-grey5;
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;