From 5f7bc136786ba436aa6572ffa4c8a5210a15b90f Mon Sep 17 00:00:00 2001
From: Peter Holmberg <peter.hlmbrg@gmail.com>
Date: Tue, 11 Dec 2018 15:58:48 +0100
Subject: [PATCH] Adding label

---
 public/app/plugins/panel/gauge/MappingRow.tsx | 4 +++-
 public/sass/components/_value-mappings.scss   | 3 +--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/app/plugins/panel/gauge/MappingRow.tsx b/public/app/plugins/panel/gauge/MappingRow.tsx
index 48075adc44d..81df882b699 100644
--- a/public/app/plugins/panel/gauge/MappingRow.tsx
+++ b/public/app/plugins/panel/gauge/MappingRow.tsx
@@ -151,7 +151,8 @@ export default class MappingRow extends PureComponent<Props, State> {
 
     return (
       <div className="mapping-row">
-        <div className="mapping-row-type">
+        <div className="gf-form-inline mapping-row-type">
+          <Label width={5}>Type</Label>
           <SimplePicker
             placeholder="Choose type"
             options={mappingOptions}
@@ -159,6 +160,7 @@ export default class MappingRow extends PureComponent<Props, State> {
             getOptionLabel={i => i.label}
             getOptionValue={i => i.value}
             onSelected={type => this.onMappingTypeChange(type)}
+            width={7}
           />
         </div>
         <div>{this.renderRow()}</div>
diff --git a/public/sass/components/_value-mappings.scss b/public/sass/components/_value-mappings.scss
index 55df9922291..b1f53c755f4 100644
--- a/public/sass/components/_value-mappings.scss
+++ b/public/sass/components/_value-mappings.scss
@@ -1,7 +1,6 @@
 .mapping-row {
   display: flex;
-  align-items: center;
-  margin-bottom: 15px;
+  margin-bottom: 10px;
 }
 
 .mapping-row-type {