From 945f0e267c79cea74e7f2d0089f25ef3a61df5e7 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Thu, 22 Sep 2022 00:44:56 +0300
Subject: [PATCH] Align stat card values

---
 app/routes/analyzer.tsx | 2 +-
 app/styles/analyzer.css | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/routes/analyzer.tsx b/app/routes/analyzer.tsx
index ca831188f..2476201bd 100644
--- a/app/routes/analyzer.tsx
+++ b/app/routes/analyzer.tsx
@@ -713,7 +713,7 @@ function StatCard({
 
   return (
     <div className="analyzer__stat-card">
-      <div>
+      <div className="analyzer__stat-card__title-and-value-container">
         <h3 className="analyzer__stat-card__title">
           {title}{" "}
           {popoverInfo && (
diff --git a/app/styles/analyzer.css b/app/styles/analyzer.css
index 70d097754..aebb7e321 100644
--- a/app/styles/analyzer.css
+++ b/app/styles/analyzer.css
@@ -87,8 +87,16 @@
   gap: var(--s-4);
 }
 
+.analyzer__stat-card__title-and-value-container {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
 .analyzer__stat-card__title {
   font-size: var(--fonts-xs);
+  line-height: 1.35;
   text-align: center;
   word-break: break-word;
 }
@@ -112,6 +120,7 @@
 .analyzer__stat-card-values {
   display: flex;
   justify-content: space-evenly;
+  margin-top: var(--s-2);
   gap: var(--s-1);
 }