feat(annotations): updated editor, removed line color and icon size

public/app/features/annotations/partials/editor.html

@@ -68,7 +68,7 @@
 			<div class="gf-form-group">
 			<div class="gf-form-group">
 				<div class="gf-form-inline">
 				<div class="gf-form-inline">
 					<div class="gf-form gf-size-max-xxl">
 					<div class="gf-form gf-size-max-xxl">
-						<span class="gf-form-label width-10">Name</span>
+						<span class="gf-form-label">Name</span>
 						<input type="text" class="gf-form-input" ng-model='currentAnnotation.name' placeholder="name"></input>
 						<input type="text" class="gf-form-input" ng-model='currentAnnotation.name' placeholder="name"></input>
 					</div>
 					</div>
 					<div class="gf-form">
 					<div class="gf-form">
@@ -77,27 +77,18 @@
 							<select class="gf-form-input gf-size-auto" ng-model="currentAnnotation.datasource" ng-options="f.name as f.name for f in datasources" ng-change="datasourceChanged()"></select>
 							<select class="gf-form-input gf-size-auto" ng-model="currentAnnotation.datasource" ng-options="f.name as f.name for f in datasources" ng-change="datasourceChanged()"></select>
 						</div>
 						</div>
 					</div>
 					</div>
-				</div>
-				<div class="gf-form-inline">
-					<div class="gf-form gf-size-max-xl">
-						<span class="gf-form-label width-10">Icon size</span>
-						<div class="gf-form-select-wrapper">
-							<select class="gf-form-input gf-size-md" ng-model="currentAnnotation.iconSize" ng-options="f for f in [7,8,9,10,13,15,17,20,25,30]"></select>
-						</div>
-					</div>
+					<!-- <div class="gf&#45;form gf&#45;size&#45;max&#45;xl"> -->
+					<!-- 	<span class="gf&#45;form&#45;label width&#45;10">Icon size</span> -->
+					<!-- 	<div class="gf&#45;form&#45;select&#45;wrapper"> -->
+					<!-- 		<select class="gf&#45;form&#45;input gf&#45;size&#45;md" ng&#45;model="currentAnnotation.iconSize" ng&#45;options="f for f in [7,8,9,10,13,15,17,20,25,30]"></select> -->
+					<!-- 	</div> -->
+					<!-- </div> -->
 					<div class="gf-form">
 					<div class="gf-form">
 						<label class="gf-form-label">
 						<label class="gf-form-label">
-							<span>Icon color</span>
+							<span>Color</span>
 							<spectrum-picker ng-model="currentAnnotation.iconColor"></spectrum-picker>
 							<spectrum-picker ng-model="currentAnnotation.iconColor"></spectrum-picker>
 						</label>
 						</label>
 					</div>
 					</div>
-					<div class="gf-form">
-						<label class="gf-form-label">
-							<span>Line color</span>
-							<spectrum-picker ng-model="currentAnnotation.lineColor"></spectrum-picker>
-						</label>
-						<editor-checkbox text="Grid line" model="currentAnnotation.showLine"></editor-checkbox>
-					</div>
 				</div>
 				</div>
 			</div>
 			</div>
 
 

public/app/plugins/panel/graph/graph.js

@@ -335,16 +335,9 @@ function (angular, $, moment, _, kbn, GraphTooltip) {
               types[event.annotation.name] = {
               types[event.annotation.name] = {
                 color: event.annotation.iconColor,
                 color: event.annotation.iconColor,
                 position: 'BOTTOM',
                 position: 'BOTTOM',
+                markerSize: 5,
               };
               };
             }
             }
-
-            // if (event.annotation.showLine) {
-            //   options.grid.markings.push({
-            //     color: event.annotation.lineColor,
-            //     lineWidth: 1,
-            //     xaxis: { from: event.min, to: event.max }
-            //   });
-            // }
           });
           });
 
 
           options.events = {
           options.events = {