Templating: updated template editor view & form

public/css/less/forms.less

@@ -18,10 +18,12 @@ input[type="checkbox"].cr1 {
 
 
 label.cr1 {
 label.cr1 {
   display: inline-block;
   display: inline-block;
-  height: 19px;
+  height: 18px;
+  position: relative;
+  top: -2px;
   clear: none;
   clear: none;
   text-indent: 2px;
   text-indent: 2px;
-  margin: 0 0 1px 0;
+  margin: 0 0 0px 0;
   padding: 0 0 0 20px;
   padding: 0 0 0 20px;
   vertical-align:middle;
   vertical-align:middle;
   background: url(@checkboxImageUrl) left top no-repeat;
   background: url(@checkboxImageUrl) left top no-repeat;

public/css/less/tightform.less

@@ -3,7 +3,6 @@
   border-left: 1px solid @grafanaTargetBorder;
   border-left: 1px solid @grafanaTargetBorder;
   border-right: 1px solid @grafanaTargetBorder;
   border-right: 1px solid @grafanaTargetBorder;
   background: @grafanaTargetBackground;
   background: @grafanaTargetBackground;
-  width: 100%;
 
 
   &:last-child, &.last {
   &:last-child, &.last {
     border-bottom: 1px solid @grafanaTargetBorder;
     border-bottom: 1px solid @grafanaTargetBorder;
@@ -44,7 +43,7 @@
 }
 }
 
 
 .tight-form-btn {
 .tight-form-btn {
-  padding: 8px 12px;
+  padding: 7px 12px;
 }
 }
 
 
 .tight-form-list {
 .tight-form-list {
@@ -206,3 +205,14 @@ select.tight-form-input {
     display: inline;
     display: inline;
   }
   }
 }
 }
+
+.tight-form-section {
+  margin-bottom: 20px;
+  margin-right: 40px;
+  vertical-align: top;
+  display: inline-block;
+  .tight-form {
+    margin-left: 20px;
+  }
+}
+

public/css/less/variables.dark.less

@@ -70,7 +70,7 @@
 
 
 @headingsFontFamily:    inherit; // empty to use BS default, @baseFontFamily
 @headingsFontFamily:    inherit; // empty to use BS default, @baseFontFamily
 @headingsFontWeight:    bold;    // instead of browser default, bold
 @headingsFontWeight:    bold;    // instead of browser default, bold
-@headingsColor:         @white; // empty to use BS default, @textColor
+@headingsColor:         @textColor; // empty to use BS default, @textColor
 @inputText:             @black;
 @inputText:             @black;
 
 
 
 

public/test/test-main.js

@@ -29,7 +29,7 @@ require.config({
     crypto:                   '../vendor/crypto.min',
     crypto:                   '../vendor/crypto.min',
     spectrum:                 '../vendor/spectrum',
     spectrum:                 '../vendor/spectrum',
 
 
-    jquery:                   '../vendor/jquery/jquery-2.1.1.min',
+    jquery:                   '../vendor/jquery/jquery-2.1.3',
 
 
     bootstrap:                '../vendor/bootstrap/bootstrap',
     bootstrap:                '../vendor/bootstrap/bootstrap',
     'bootstrap-tagsinput':    '../vendor/tagsinput/bootstrap-tagsinput',
     'bootstrap-tagsinput':    '../vendor/tagsinput/bootstrap-tagsinput',