ux(home dashboard): minor polish to home dashboard header

public/dashboards/home.json

@@ -12,10 +12,10 @@
     {
       "collapse": false,
       "editable": true,
-      "height": "100px",
+      "height": "90px",
       "panels": [
         {
-          "content": "<div class=\"text-center dashboard-header\">\nHome Dashboard\n</div>",
+          "content": "<div class=\"text-center dashboard-header\">\n  <span>Home Dashboard</span>\n</div>",
           "editable": true,
           "id": 1,
           "mode": "html",
@@ -23,7 +23,8 @@
           "style": {},
           "title": "",
           "transparent": true,
-          "type": "text"
+          "type": "text",
+          "links": []
         }
       ],
       "title": "New row"

public/less/grafana.less

@@ -391,12 +391,15 @@
 }
 
 .dashboard-header {
-  margin-top: 1rem;
   font-family: "grafana-icons";
   font-size: 22px;
-  padding-bottom: 1rem;
-  border: none;
-  border-bottom: 2px solid transparent;
-  border-image: linear-gradient(to right, rgba(255,213,0,1) 0%, rgba(255,68,0,1) 99%, rgba(255,68,0,1) 100%);
-  border-image-slice: 1;
+  text-align: center;
+  span {
+    display: inline-block;
+    border: none;
+    border-image: linear-gradient(to right, rgba(255,213,0,1) 0%, rgba(255,68,0,1) 99%, rgba(255,68,0,1) 100%);
+    border-image-slice: 1;
+    border-bottom: 2px solid transparent;
+    padding: 1.2rem 3rem 0.8rem 3rem;
+  }
 }