ux: updated look of info box

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

@@ -72,7 +72,7 @@
 
     <div ng-show="mode === 'help'">
 			<div class="grafana-info-box col-lg-8">
-				<h3 class="page-heading">What does templating do?</h3>
+				<h5>What does templating do?</h5>
 				<p>Templating allows for more interactive and dynamic dashboards. Instead of hard-coding things like server, application
 				and sensor name in you metric queries you can use variables in their place. Variables are shown as dropdown select boxes at the top of
 				the dashboard. These dropdowns make it easy to change the data being displayed in your dashboard.

public/app/partials/metrics.html

@@ -17,3 +17,4 @@
   </rebuild-on-change>
 </div>
 
+<div class="clearfix"></div>

public/sass/components/_infobox.scss

@@ -10,9 +10,11 @@
 
 .grafana-info-box {
   position: relative;
-  padding: 5px 20px;
-  background-color: $tight-form-bg;
-  border: 1px solid $tight-form-border;
+  background: $card-background;
+  box-shadow: $card-shadow;
+  padding: 1rem;
+  border-radius: 4px;
+
   h5 {
     margin-top: 5px;
   }