diff --git a/public/app/features/apps/partials/edit.html b/public/app/features/apps/partials/edit.html
index da029b51b8c..9b041270d28 100644
--- a/public/app/features/apps/partials/edit.html
+++ b/public/app/features/apps/partials/edit.html
@@ -21,7 +21,7 @@
-
{{ctrl.appModel.name}}
+ {{ctrl.appModel.name}}
{{ctrl.appModel.info.description}}
@@ -33,6 +33,66 @@
-
+
+
+
+
+
+
+
diff --git a/public/less/grafana.less b/public/less/grafana.less
index 6e31e628c82..9cf3630db3e 100644
--- a/public/less/grafana.less
+++ b/public/less/grafana.less
@@ -25,6 +25,7 @@
@import "filter-controls.less";
@import "filter-list.less";
@import "filter-table.less";
+@import "simple-box.less";
.row-control-inner {
padding:0px;
diff --git a/public/less/simple-box.less b/public/less/simple-box.less
new file mode 100644
index 00000000000..65cd63fe0e3
--- /dev/null
+++ b/public/less/simple-box.less
@@ -0,0 +1,46 @@
+
+@simpleBoxBorderWidth: 0.2rem;
+@simpleBoxMargin: 1.5rem;
+@simpleBoxBodyPadding: 0.5rem 0 0.5rem 1rem;
+
+.simple-box {
+ margin-top: @simpleBoxMargin;
+ background: @grafanaPanelBackground;
+}
+
+.simple-box-header {
+ font-weight: normal;
+ line-height: 2.5rem;
+ color: @textColor;
+ margin: 0;
+ padding-left: 1rem;
+ border-bottom: @simpleBoxBorderWidth solid @bodyBackground;
+}
+
+.simple-box-column {
+ flex-direction: row;
+ width: 25%;
+ border-right: @simpleBoxBorderWidth solid @bodyBackground;
+ ul {
+ margin: 0.7rem 0 1rem 1.2rem;
+ }
+}
+
+.simple-box-column:last-child {
+ border: none;
+}
+
+.simple-box-column-header {
+ font-size: @fontSizeLarge;
+ i {
+ padding-right: 0.3rem;
+ }
+}
+
+.simple-box-body {
+ padding: @simpleBoxBodyPadding;
+}
+
+.flex-container {
+ display: flex;
+}