ux(): tweaks to light theme

public/app/plugins/datasource/elasticsearch/partials/config.html

@@ -5,7 +5,7 @@
 
 <div class="gf-form-group">
 	<div class="gf-form-inline">
-		<div class="gf-form max-width-28">
+		<div class="gf-form max-width-19">
 			<span class="gf-form-label width-9">Index name</span>
 			<input class="gf-form-input" type="text" ng-model='ctrl.current.database' placeholder="" required></input>
 		</div>

public/sass/_variables.light.scss

@@ -156,7 +156,7 @@ $input-box-shadow:               none;
 $input-border-focus:             $blue !default;
 $input-box-shadow-focus:         $blue !default;
 $input-color-placeholder:        $gray-4 !default;
-$input-label-bg:	        	     $gray-5;
+$input-label-bg:	        	     $gray-6;
 
 // Sidemenu
 // -------------------------
@@ -274,4 +274,4 @@ $popoverArrowOuterWidth:  $popoverArrowWidth + 1;
 $popoverArrowOuterColor:  rgba(0,0,0,.25);
 
 // images
-$checkboxImageUrl: '../img/checkbox_white.png';
+$checkboxImageUrl: '../img/checkbox_white.png';

public/sass/components/_gf-form.scss

@@ -1,5 +1,5 @@
-$gf-form-margin: 0.2rem;
-$gf-form-label-margin: 0.2rem;
+$gf-form-margin: 0.25rem;
+$gf-form-label-margin: 0.25rem;
 
 .gf-form {
   margin-bottom: $gf-form-margin;
@@ -70,7 +70,7 @@ $gf-form-label-margin: 0.2rem;
   background-color: $input-bg;
   background-image: none;
   background-clip: padding-box;
-  border: $input-btn-border-width solid $input-bg;
+  border: $input-btn-border-width solid $input-border-color;
   @include border-radius($input-border-radius-sm);
   @include box-shadow($input-box-shadow);
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

public/sass/layout/_page.scss

@@ -24,7 +24,7 @@
   max-width: 1060px;
   min-height: calc(100% - 54px);
   padding-bottom: $spacer * 5;
-  background-image: linear-gradient(60deg, rgba(0, 0, 0, 0) 0%, lighten($page-bg, 4%) 98%);
+  background-image: linear-gradient(60deg, transparent 70%, darken($page-bg, 4%) 98%)
 }
 
 .page-header {