Add font size option to metric vis

src/kibana/plugins/metric_vis/metric_vis.html

@@ -1,4 +1,4 @@
 <div ng-controller="KbnMetricVisController" class="metric-vis">
-    <div class="metric-value">{{metric.value}}</div>
+    <div class="metric-value" style="font-size: {{vis.params.fontSize}}pt">{{metric.value}}</div>
     <div>{{metric.label}}</div>
 </div>

src/kibana/plugins/metric_vis/metric_vis.js

@@ -16,6 +16,12 @@ define(function (require) {
       title: 'Metric',
       icon: 'fa-calculator',
       template: require('text!plugins/metric_vis/metric_vis.html'),
+      params: {
+        defaults: {
+          fontSize: 60
+        },
+        editor: require('text!plugins/metric_vis/metric_vis_params.html')
+      },
       schemas: new Schemas([
         {
           group: 'metrics',

src/kibana/plugins/metric_vis/metric_vis.less

@@ -7,7 +7,6 @@
   .justify-content(center);
 
   .metric-value {
-    font-size: 5em;
     font-weight: bold;
     .ellipsis();
   }

src/kibana/plugins/metric_vis/metric_vis_params.html

@@ -0,0 +1,4 @@
+<div class="form-group">
+  <label>Font Size</label>
+  <input type="range" ng-model="vis.params.fontSize" class="form-control" min="12" max="120" />
+</div>