Peter Holmberg 7 年 前
コミット
5f7bc13678

+ 3 - 1
public/app/plugins/panel/gauge/MappingRow.tsx

@@ -151,7 +151,8 @@ export default class MappingRow extends PureComponent<Props, State> {
 
 
     return (
     return (
       <div className="mapping-row">
       <div className="mapping-row">
-        <div className="mapping-row-type">
+        <div className="gf-form-inline mapping-row-type">
+          <Label width={5}>Type</Label>
           <SimplePicker
           <SimplePicker
             placeholder="Choose type"
             placeholder="Choose type"
             options={mappingOptions}
             options={mappingOptions}
@@ -159,6 +160,7 @@ export default class MappingRow extends PureComponent<Props, State> {
             getOptionLabel={i => i.label}
             getOptionLabel={i => i.label}
             getOptionValue={i => i.value}
             getOptionValue={i => i.value}
             onSelected={type => this.onMappingTypeChange(type)}
             onSelected={type => this.onMappingTypeChange(type)}
+            width={7}
           />
           />
         </div>
         </div>
         <div>{this.renderRow()}</div>
         <div>{this.renderRow()}</div>

+ 1 - 2
public/sass/components/_value-mappings.scss

@@ -1,7 +1,6 @@
 .mapping-row {
 .mapping-row {
   display: flex;
   display: flex;
-  align-items: center;
-  margin-bottom: 15px;
+  margin-bottom: 10px;
 }
 }
 
 
 .mapping-row-type {
 .mapping-row-type {