From 80c39d639619fb95319008542e1243f97a925644 Mon Sep 17 00:00:00 2001
From: Alexander Zobnin <alexanderzobnin@gmail.com>
Date: Sat, 8 Dec 2018 13:09:09 +0300
Subject: [PATCH] problems panel: adjust layout

---
 src/panel-triggers/components/Problems.tsx | 2 +-
 src/sass/_panel-problems.scss              | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/panel-triggers/components/Problems.tsx b/src/panel-triggers/components/Problems.tsx
index a625dbc..cceafb6 100644
--- a/src/panel-triggers/components/Problems.tsx
+++ b/src/panel-triggers/components/Problems.tsx
@@ -383,7 +383,7 @@ class ProblemDetails extends PureComponent<any, ProblemDetailsState> {
     const rootWidth = this.props.rootWidth;
     const displayClass = this.state.show ? 'show' : '';
     const wideLayout = rootWidth > 1000;
-    const compactStatusBar = rootWidth < 800;
+    const compactStatusBar = rootWidth < 800 || problem.acknowledges && wideLayout && rootWidth < 1200;
 
     return (
       <div className={`problem-details-container ${displayClass}`}>
diff --git a/src/sass/_panel-problems.scss b/src/sass/_panel-problems.scss
index e555994..a88a6b8 100644
--- a/src/sass/_panel-problems.scss
+++ b/src/sass/_panel-problems.scss
@@ -198,7 +198,7 @@
       }
 
       .problem-tags {
-        padding-top: 0.6rem;
+        padding-top: 0.8rem;
         padding-bottom: 0.8rem;
         margin-top: auto;
       }