A start on a dashboard list panel, can now list starred dashboards

src/css/less/dashlist.less

@@ -0,0 +1,16 @@
+.dashlist-item {
+
+}
+
+.dashlist-link {
+  display: block;
+  margin: 5px;
+  padding: 7px;
+  background-color: @grafanaTargetBackground;
+  border: 1px solid @grafanaTargetBorder;
+  .fa {
+    float: right;
+    color: @orange;
+    padding-top: 3px;
+  }
+}

src/css/less/grafana.less

@@ -11,6 +11,7 @@
 @import "sidemenu.less";
 @import "gfbox.less";
 @import "navbar.less";
+@import "dashlist.less";
 
 .row-control-inner {
   padding:0px;

src/css/less/navbar.less

@@ -3,8 +3,8 @@
 }
 
 .navbar .nav>li>a {
-  padding: 19px 15px 8px;
-  .fa { font-size: 130%; }
+  padding: 17px 15px 11px;
+  .fa { font-size: 115%; }
 }
 
 .top-nav {
@@ -12,7 +12,7 @@
 }
 
 .fa.top-nav-breadcrumb-icon {
-  margin: 17px 21px 8px 0px;
+  margin: 15px 21px 8px 0px;
   float: left;
   font-size: 160%;
   color: @textColor;
@@ -37,13 +37,13 @@
     font-size: 150%;
     opacity: 0;
     position: absolute;
-    transition: opacity .25s ease-in-out;
+    transition: opacity .35s ease-in-out;
   }
   img {
     width: 30px;
     position: absolute;
     opacity: 1;
-    transition: opacity .25s ease-in-out;
+    transition: opacity .35s ease-in-out;
   }
   &:hover {
     .fa {
@@ -58,7 +58,7 @@
 .top-nav-dashboards-btn {
   display: block;
   float: left;
-  margin: 10px 8px 5px 14px;
+  margin: 9px 8px 5px 14px;
   border-radius: 3px;
   font-size: 1.4em;
   font-weight: bold;
@@ -113,7 +113,7 @@
 .top-nav-title {
   display: block;
   float: left;
-  padding: 18px 10px 10px 0px;
+  padding: 16px 10px 10px 0px;
   font-size: 1.3em;
   font-weight: bold;
   i {