From 68ae16605c3ba5bfe70bbd96331e7447a2182963 Mon Sep 17 00:00:00 2001
From: Felix Mosheev <9304194+felixmosh@users.noreply.github.com>
Date: Tue, 25 Oct 2022 12:44:32 +0300
Subject: [PATCH] refactor: improve job logs styles

---
 .../components/JobCard/Details/Details.module.css    |  6 +++---
 .../DetailsContent/JobLogs/JobLogs.module.css        | 12 ++++++------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/ui/src/components/JobCard/Details/Details.module.css b/packages/ui/src/components/JobCard/Details/Details.module.css
index 612e9414..f9eb0ce9 100644
--- a/packages/ui/src/components/JobCard/Details/Details.module.css
+++ b/packages/ui/src/components/JobCard/Details/Details.module.css
@@ -32,8 +32,8 @@
 .tabContent {
   flex: 1;
   max-width: calc(100% - 80px);
-  overflow-y: scroll;
-  position: relative; 
+  overflow: auto;
+  position: relative;
 }
 
 .tabContent :global(.error) {
@@ -41,7 +41,7 @@
 }
 
 .tabContent :global(.warn) {
-    color: orange;
+  color: orange;
 }
 
 .tabContent pre {
diff --git a/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css b/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
index 8e2dd65c..98ee8f07 100644
--- a/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
+++ b/packages/ui/src/components/JobCard/Details/DetailsContent/JobLogs/JobLogs.module.css
@@ -6,7 +6,7 @@
 }
 
 .preWrapper {
-  padding: 40px 1rem 1rem;
+  padding: 40px 0.5rem 0.5rem;
   max-height: 100%;
   overflow: auto;
   height: 330px;
@@ -40,11 +40,11 @@
 .toolbar {
   position: absolute;
   top: 0;
-  left: 15px;
-  right: 15px;
+  left: 0;
+  right: 1rem;
   background: rgba(255, 255, 255, 0.85);
   backdrop-filter: blur(4px);
-  padding: 0 0 1rem;
+  padding: 0 0 0.5rem 0.5rem;
   margin: 0;
   list-style: none;
   text-align: right;
@@ -66,12 +66,12 @@
 
 .jobLogs:fullscreen .toolbar {
   position: fixed;
-  padding: 1rem 0;
+  padding: 1rem;
 }
 
 .jobLogs:fullscreen .preWrapper {
   height: 100%;
-  padding-top: 1rem !important;
+  padding: 40px 1rem 1rem;
 }
 
 .toolbar .searchBar {