Fixed styling for small screens

packages/grafana-ui/src/components/ThresholdsEditor/_ThresholdsEditor.scss

@@ -37,7 +37,7 @@
 }
 }
 
 
 .thresholds-row-input {
 .thresholds-row-input {
-  margin-top: 51px;
+  margin-top: 49px;
   margin-left: 2px;
   margin-left: 2px;
 }
 }
 
 
@@ -45,7 +45,7 @@
   display: flex;
   display: flex;
   justify-content: center;
   justify-content: center;
   flex-direction: row;
   flex-direction: row;
-  height: 37px;
+  height: 42px;
 }
 }
 
 
 .thresholds-row-input-inner > div {
 .thresholds-row-input-inner > div {
@@ -74,12 +74,13 @@
 }
 }
 
 
 .thresholds-row-input-inner-value > input {
 .thresholds-row-input-inner-value > input {
+  height: 100%;
   padding: 8px 10px;
   padding: 8px 10px;
   width: 150px;
   width: 150px;
 }
 }
 
 
 .thresholds-row-input-inner-color {
 .thresholds-row-input-inner-color {
-  width: 37px;
+  width: 42px;
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
@@ -98,8 +99,8 @@
   display: flex;
   display: flex;
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
-  height: 37px;
-  width: 37px;
+  height: 42px;
+  width: 42px;
   background-color: $input-label-border-color;
   background-color: $input-label-border-color;
   cursor: pointer;
   cursor: pointer;
 }
 }