From 317233cec9d715cf6a6e1b5af2002ca4a90c2e60 Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <ik@adguard.com>
Date: Tue, 11 Jul 2023 17:19:31 +0300
Subject: [PATCH] client: fix dashboard table styles

---
 client/src/components/ui/Card.css   | 16 ++++++++--------
 client/src/components/ui/Tabler.css |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/client/src/components/ui/Card.css b/client/src/components/ui/Card.css
index 9e649264..442c3043 100644
--- a/client/src/components/ui/Card.css
+++ b/client/src/components/ui/Card.css
@@ -1,7 +1,7 @@
 .card-header {
     align-items: center;
     justify-content: space-between;
-    padding: 0.6rem 1.5rem;
+    padding: 10px 24px;
 }
 
 .card-subtitle {
@@ -16,11 +16,11 @@
 
 .card-table-overflow--limited {
     overflow-y: auto;
-    max-height: 17.5rem;
+    max-height: 280px;
 }
 
 .dashboard .card-table-overflow--limited {
-    max-height: 18rem;
+    max-height: 288px;
 }
 
 .card-actions {
@@ -38,7 +38,7 @@
 }
 
 .card-body--status {
-    padding: 2.5rem 1.5rem;
+    padding: 40px 24px;
     text-align: center;
 }
 
@@ -81,14 +81,14 @@
     position: relative;
     flex: 1 1 auto;
     margin: 0;
-    padding: 1rem 1.5rem;
+    padding: 16px 24px;
 }
 
 .card-value-stats {
     display: block;
     font-size: 2.1rem;
     line-height: 2.7rem;
-    height: 2.7rem;
+    height: 44px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
@@ -108,7 +108,7 @@
 }
 
 .card--full {
-    height: calc(100% - 1.5rem);
+    height: calc(100% - 22px);
 }
 
 .card-wrap {
@@ -125,7 +125,7 @@
 
 @media (min-width: 992px) {
     .dashboard .card:not(.card--full) {
-        height: 22rem;
+        height: 350px;
     }
 }
 
diff --git a/client/src/components/ui/Tabler.css b/client/src/components/ui/Tabler.css
index 9ad1ff35..7df8779e 100644
--- a/client/src/components/ui/Tabler.css
+++ b/client/src/components/ui/Tabler.css
@@ -13363,7 +13363,7 @@ a.icon:hover {
     padding: 0.5rem 1.5rem;
     display: -ms-flexbox;
     display: flex;
-    min-height: 3.5rem;
+    min-height: 60px;
     -ms-flex-align: center;
     align-items: center;
 }