Big refactoring of the way panels are loaded and how they are built using directives, this way feel cleaner and allowed for placing the panel edit box outside the panel-container

src/css/less/gfbox.less

@@ -5,10 +5,6 @@
   border: 1px solid @grafanaTargetFuncBackground;
 }
 
-.gf-box-full-edit {
-  margin: 30px 0 0 0;
-}
-
 .gf-box-no-margin {
   margin: 0;
 }

src/css/less/panel.less

@@ -5,10 +5,13 @@
   position: relative;
 }
 
-.panel-container {
-  padding: 0px 0px 0px 0px;
-  background: @grafanaPanelBackground;
+.panel-margin {
   margin: 5px;
+  display: block;
+}
+
+.panel-container {
+  background: @grafanaPanelBackground;
   position: relative;
   &:hover {
     .panel-actions {
@@ -91,17 +94,17 @@
   top: 60px;
   height: 100%;
   padding: 0;
-  background: @grafanaPanelBackground;
   overflow-y: auto;
   height: 100%;
 
-  .panel-content {
-    padding-bottom: 130px;
-  }
-
   .dropdown-menu {
     margin-bottom: 70px;
   }
+
+  .panel-container {
+    margin: 15px;
+  }
+
   .panel-menu {
     top: 0px;
   }
@@ -110,6 +113,11 @@
   }
 }
 
+.panel-full-edit {
+  margin-top: 30px;
+  padding-bottom: 130px;
+}
+
 .panel-menu {
   z-index: 1000;
   position: absolute;