From 5b665caaedae5e7bed871e5afcb7498fc6ecb83d Mon Sep 17 00:00:00 2001
From: kurilova <sonnycactus@gmail.com>
Date: Mon, 22 Apr 2024 10:57:08 +0000
Subject: [PATCH] Change paddings depends on table width

---
 .../app/pages/reports/history.component.scss  | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/modules/ui/src/app/pages/reports/history.component.scss b/modules/ui/src/app/pages/reports/history.component.scss
index d26ce63b7..3c02ca51c 100644
--- a/modules/ui/src/app/pages/reports/history.component.scss
+++ b/modules/ui/src/app/pages/reports/history.component.scss
@@ -48,6 +48,11 @@
   height: 100%;
 }
 
+.history-content {
+  container-type: inline-size;
+  container-name: history-content;
+}
+
 .history-content table {
   th {
     font-weight: 700;
@@ -95,6 +100,27 @@
   }
 }
 
+@container history-content (width < 770px) {
+  th,
+  td {
+    padding: 0 8px;
+  }
+}
+
+@container history-content (width < 680px) {
+  th,
+  td {
+    padding: 0 4px;
+  }
+}
+
+@container history-content (width < 632px) {
+  th,
+  td {
+    padding: 0 2px;
+  }
+}
+
 .results-content-empty,
 .results-content-filter-empty {
   display: flex;