From 79c85569270a44ab27fe744c0408b8393081835d Mon Sep 17 00:00:00 2001
From: Mitsuhiro Tanda <mitsuhiro.tanda@gmail.com>
Date: Wed, 28 Oct 2015 22:40:45 +0900
Subject: [PATCH] style change annotation editor

---
 .../partials/annotations.editor.html          | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/public/app/plugins/datasource/cloudwatch/partials/annotations.editor.html b/public/app/plugins/datasource/cloudwatch/partials/annotations.editor.html
index 1db6eb704b3..ff545b7bf01 100644
--- a/public/app/plugins/datasource/cloudwatch/partials/annotations.editor.html
+++ b/public/app/plugins/datasource/cloudwatch/partials/annotations.editor.html
@@ -1,30 +1,33 @@
 <div class="editor-row">
 	<div class="section">
-		<h5>Metric name</h5>
 		<div class="editor-option">
-			<input type="text" class="span6" ng-model='currentAnnotation.metricName' placeholder="CPUUtilization"></input>
+			<label class="small">Region</label>
+			<input type="text" class="input-medium" ng-model='currentAnnotation.region' placeholder="us-east-1"></input>
+		</div>
+
+		<div class="editor-option">
+			<label class="small">Namespace</label>
+			<input type="text" class="input-medium" ng-model='currentAnnotation.namespace' placeholder="AWS/EC2"></input>
+		</div>
+
+		<div class="editor-option">
+			<label class="small">Metric name</label>
+			<input type="text" class="input-large" ng-model='currentAnnotation.metricName' placeholder="CPUUtilization"></input>
 		</div>
 	</div>
 </div>
 
 <div class="editor-row">
 	<div class="section">
-		<h5>Field mappings</h5>
-		<div class="editor-option">
-			<label class="small">Region</label>
-			<input type="text" class="input-small" ng-model='currentAnnotation.region' placeholder="us-east-1"></input>
-		</div>
-
-		<div class="editor-option">
-			<label class="small">Namespace</label>
-			<input type="text" class="input-small" ng-model='currentAnnotation.namespace' placeholder="AWS/EC2"></input>
-		</div>
-
 		<div class="editor-option">
 			<label class="small">Dimensions</label>
-			<input type="text" class="input-small" ng-model='currentAnnotation.dimensions' placeholder="InstanceId=i-12345678"></input>
+			<input type="text" class="input-large" ng-model='currentAnnotation.dimensions' placeholder="InstanceId=i-12345678"></input>
 		</div>
+	</div>
+</div>
 
+<div class="editor-row">
+	<div class="section">
 		<div class="editor-option">
 			<label class="small">Statistic</label>
 			<input type="text" class="input-small" ng-model='currentAnnotation.statistic' placeholder="Average"></input>
@@ -32,7 +35,7 @@
 
 		<div class="editor-option">
 			<label class="small">Period</label>
-			<input type="text" class="input-small" ng-model='currentAnnotation.period' placeholder="300"></input>
+			<input type="text" class="input-mini" ng-model='currentAnnotation.period' placeholder="300"></input>
 		</div>
 	</div>
 </div>