problems panel: adjust layout

2018-12-08 13:09:09 +03:00
parent d4ca1d5dbb
commit 80c39d6396
2 changed files with 2 additions and 2 deletions
--- 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}`}>
--- 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;
      }