From 92a1b55a4ac1c52fda81df77d8c9045a9ab8e7cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hugo=20H=C3=A4ggmark?= <hugo.haggmark@gmail.com>
Date: Tue, 15 Jan 2019 09:43:02 +0100
Subject: [PATCH] Fixed styling for small screens

---
 .../ThresholdsEditor/_ThresholdsEditor.scss           | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss b/packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss
index 809f2936d27..50c92a6bcc5 100644
--- a/packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss
+++ b/packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss
@@ -37,7 +37,7 @@
 }
 
 .thresholds-row-input {
-  margin-top: 51px;
+  margin-top: 49px;
   margin-left: 2px;
 }
 
@@ -45,7 +45,7 @@
   display: flex;
   justify-content: center;
   flex-direction: row;
-  height: 37px;
+  height: 42px;
 }
 
 .thresholds-row-input-inner > div {
@@ -74,12 +74,13 @@
 }
 
 .thresholds-row-input-inner-value > input {
+  height: 100%;
   padding: 8px 10px;
   width: 150px;
 }
 
 .thresholds-row-input-inner-color {
-  width: 37px;
+  width: 42px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -98,8 +99,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 37px;
-  width: 37px;
+  height: 42px;
+  width: 42px;
   background-color: $input-label-border-color;
   cursor: pointer;
 }