converting more modals to edit panels

src/css/less/bootswatch.dark.less

@@ -223,7 +223,7 @@ div.subnav {
 	li.active > a:hover {
 	  border-color: transparent;
 	  background-color: transparent;
-		border-bottom: 1px solid @blueDark;
+		border-bottom: 2px solid @blue;
 		color: @white;
 	}
 
@@ -545,7 +545,7 @@ a:hover {
 .modal {
  	.border-radius(1px);
 	border-top: solid 1px lighten(@grayDark, 5%);
-	background-color: @grayDark;
+	background-color: @grafanaPanelBackground;
 }
 
 .modal-header {
@@ -553,7 +553,7 @@ a:hover {
 }
 
 .modal-footer {
-	background-color: @grayDark;
+	background-color: @grafanaPanelBackground;
 	border-top: 1px solid @grayDark;
 	.border-radius(0 0 0px 0px);
 	.box-shadow(none);

src/css/less/grafana.less

@@ -564,29 +564,29 @@ select.grafana-target-segment-input {
   min-height: 100px;
   overflow: hidden;
 }
+
 .dashboard-editor-footer {
   overflow: hidden;
 }
 
 .dashboard-editor-header {
   overflow: hidden;
-  border-bottom: 1px solid @fullEditBorder;
   .tabs {
     float: left;
   }
-
   .nav {
     margin: 0;
   }
 }
 
 .dashboard-editor-title {
+  border-bottom: 1px solid @grayDark;
   padding-right: 20px;
   float: left;
   color: @linkColor;
   font-size: 20px;
   font-weight: normal;
-  line-height: 34px;
+  line-height: 38px;
   margin: 0;
   .icon {
     padding: 0 8px 0 5px;