From f8d67c47567f6a6514501feb84aa8b8947948c45 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Thu, 27 Dec 2018 20:33:53 +0300
Subject: [PATCH] problems: style tweaks

---
 src/panel-triggers/components/Problems.tsx | 2 +-
 src/sass/_panel-problems.scss              | 6 +++---
 src/sass/_variables.dark.scss              | 4 ++--
 src/sass/_variables.light.scss             | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/panel-triggers/components/Problems.tsx b/src/panel-triggers/components/Problems.tsx
index 67a6b45..4cc733b 100644
--- a/src/panel-triggers/components/Problems.tsx
+++ b/src/panel-triggers/components/Problems.tsx
@@ -104,7 +104,7 @@ export class ProblemList extends PureComponent<ProblemListProps, ProblemListStat
         id: 'lastchange',
         Cell: row => row.original.lastchange,
       },
-      { Header: 'Details', className: 'custom-expander', width: 60, expander: true, Expander: CustomExpander },
+      { Header: '', className: 'custom-expander', width: 60, expander: true, Expander: CustomExpander },
     ];
     for (const column of columns) {
       if (column.show || column.show === undefined) {
diff --git a/src/sass/_panel-problems.scss b/src/sass/_panel-problems.scss
index fd245db..20bf88d 100644
--- a/src/sass/_panel-problems.scss
+++ b/src/sass/_panel-problems.scss
@@ -17,11 +17,11 @@
 
     .rt-tr-group {
       flex: 0 0 auto;
-      border-bottom: solid 1px $problems-border-color;
+      border-bottom: solid 2px $problems-border-color;
       border-left: solid 2px transparent;
 
       &:last-child {
-        border-bottom: solid 1px $problems-border-color;
+        border-bottom: solid 2px $problems-border-color;
       }
 
       &:hover {
@@ -131,7 +131,7 @@
     .rt-tr .rt-td {
       &.custom-expander {
         text-align: center;
-        padding-left: 0rem;
+        padding: 0.6em 0 0 0;
         i {
           color: #676767;
           font-size: 1.2rem;
diff --git a/src/sass/_variables.dark.scss b/src/sass/_variables.dark.scss
index b1d4ead..7885f91 100644
--- a/src/sass/_variables.dark.scss
+++ b/src/sass/_variables.dark.scss
@@ -7,14 +7,14 @@ $zbx-text-color-disabled: $gray-1;
 $action-button-color: $blue-dark;
 $action-button-text-color: $gray-4;
 
-$problems-border-color: $dark-1;
+$problems-border-color: #1b1b1b;
 $problems-table-stripe: $dark-3;
 $problems-table-row-hovered: darken($problems-table-stripe, 2%);
 $problems-table-row-hovered-shadow-color: rgba($blue, 0.5);
 $problems-table-row-hovered-shadow: 0px 0px 8px $problems-table-row-hovered-shadow-color;
 $problem-details-background: $dark-3;
 
-$problem-expander-highlighted-background: #676767;
+$problem-expander-highlighted-background: #393939;
 $problem-expander-highlighted-color: $blue;
 $problem-expander-expanded-color: $blue;
 
diff --git a/src/sass/_variables.light.scss b/src/sass/_variables.light.scss
index 6fb47ed..f707632 100644
--- a/src/sass/_variables.light.scss
+++ b/src/sass/_variables.light.scss
@@ -7,7 +7,7 @@ $zbx-text-color-disabled: $gray-3;
 $action-button-color: #497dc0;
 $action-button-text-color: $gray-6;
 
-$problems-border-color: $dark-1;
+$problems-border-color: #e5e5e5;
 $problems-table-stripe: $gray-6;
 $problems-table-row-hovered: $white;
 $problems-table-row-hovered-shadow-color: $blue;