dashboard-edit-view -> gf-box and new box design

src/css/less/bootswatch.dark.less

@@ -212,7 +212,7 @@ div.subnav {
 
 .nav-tabs {
 
-	border-bottom: 1px solid @fullEditBorder;
+	border-bottom: none;
 
 	& > li > a {
 		.border-radius(0);

src/css/less/gfbox.less

@@ -0,0 +1,59 @@
+.gf-box {
+  margin: 30px;
+  background-color: @grafanaPanelBackground;
+  position: relative;
+  border: 1px solid @grafanaTargetFuncBackground;
+  border-top: none;
+}
+
+.gf-box-header-close-btn {
+  float: right;
+  padding: 0;
+  margin: 0;
+  background-color: transparent;
+  border: none;
+  padding: 8px;
+  font-size: 120%;
+  color: @textColor;
+  &:hover {
+    color: @white;
+  }
+}
+
+.gf-box-body {
+  padding: 20px;
+  min-height: 150px;
+}
+
+.gf-box-footer {
+  overflow: hidden;
+}
+
+.gf-box-header {
+  overflow: hidden;
+  background-color: @grafanaTargetBackground;
+  border-top: 1px solid @grafanaTargetFuncBackground;
+  border-bottom: 1px solid @grafanaTargetFuncBackground;
+  .tabs {
+    float: left;
+  }
+  .nav {
+    margin: 0;
+  }
+}
+
+.gf-box-title {
+  border-bottom: 1px solid @fullEditBorder;
+  padding-right: 20px;
+  float: left;
+  color: @linkColor;
+  font-size: 18px;
+  font-weight: normal;
+  line-height: 38px;
+  margin: 0;
+  .fa {
+    padding: 0 8px 0 5px;
+    color: @textColor;
+  }
+}
+

src/css/less/grafana.less

@@ -10,6 +10,7 @@
 @import "singlestat.less";
 @import "tightform.less";
 @import "sidemenu.less";
+@import "gfbox.less";
 
 .row-control-inner {
   padding:0px;
@@ -294,45 +295,6 @@
   max-width: 400px;
 }
 
-.dashboard-edit-view {
-  padding: 20px;
-  background-color: @grafanaPanelBackground;
-  position: relative;
-}
-
-.dashboard-editor-body {
-  padding: 20px 10px;
-  min-height: 100px;
-}
-
-.dashboard-editor-footer {
-  overflow: hidden;
-}
-
-.dashboard-editor-header {
-  overflow: hidden;
-  .tabs {
-    float: left;
-  }
-  .nav {
-    margin: 0;
-  }
-}
-
-.dashboard-editor-title {
-  border-bottom: 1px solid @fullEditBorder;
-  padding-right: 20px;
-  float: left;
-  color: @linkColor;
-  font-size: 20px;
-  font-weight: normal;
-  line-height: 38px;
-  margin: 0;
-  .fa {
-    padding: 0 8px 0 5px;
-    color: @textColor;
-  }
-}
 
 .grafana-version-info {
   position: absolute;

src/css/less/sidemenu.less

@@ -96,11 +96,11 @@
 .sidemenu-logo-container {
   background: @grafanaPanelBackground;
   text-align: center;
-  border-bottom: 2px solid black;
+  border-bottom: 1px solid black;
   img {
     display: inline-block;
     width: 102px;
-    padding: 6px 0px 7px 11px;
+    padding: 6px 0px 6px 11px;
   }
 }