From 485848619b4fc87e4dafb180d8b0ab329924645a Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Wed, 26 Jul 2017 09:05:54 -0400
Subject: [PATCH] update spinner field background color and fix formattings of
 forms.less file

---
 awx/ui/client/legacy-styles/forms.less | 88 +++++++++++++-------------
 1 file changed, 44 insertions(+), 44 deletions(-)

diff --git a/awx/ui/client/legacy-styles/forms.less b/awx/ui/client/legacy-styles/forms.less
index 6374b87153..fdde7e18a4 100644
--- a/awx/ui/client/legacy-styles/forms.less
+++ b/awx/ui/client/legacy-styles/forms.less
@@ -17,26 +17,26 @@
                                   not supported by any browser */
 }
 
-.Form{
+.Form {
     display:flex;
     flex-wrap:wrap;
     flex-direction: row;
 }
 
-.Form-header--fields{
+.Form-header--fields {
     flex: 1 1 auto;
 }
 
-.Form-header-field{
+.Form-header-field {
     margin-left: 10px;
     flex: 1 1 auto;
 }
 
-.Form-header{
+.Form-header {
     display: flex;
 }
 
-.Form-title{
+.Form-title {
     flex: 0 1 auto;
     color: @list-header-txt;
     font-size: 14px;
@@ -51,7 +51,7 @@
     text-transform: uppercase;
 }
 
-.Form-secondaryTitle{
+.Form-secondaryTitle {
     color: @default-icon;
     padding-bottom: 20px;
     min-height: 40px;
@@ -61,7 +61,7 @@
 .Form-title--is_superuser,
 .Form-title--is_system_auditor,
 .Form-title--is_ldap_user,
-.Form-title--is_external_account{
+.Form-title--is_external_account {
     height:15px;
     color: @default-interface-txt;
     background-color: @default-list-header-bg;
@@ -77,12 +77,12 @@
     height: 16px;
 }
 
-.Form-exitHolder{
+.Form-exitHolder {
     justify-content: flex-end;
     display:flex;
 }
 
-.Form-exit{
+.Form-exit {
     cursor:pointer;
     padding:0px;
     border: none;
@@ -94,11 +94,11 @@
     line-height:1;
 }
 
-.Form-exit:hover{
+.Form-exit:hover {
     color:@default-icon;
 }
 
-.Form-tabHolder{
+.Form-tabHolder {
     display: flex;
     min-height: 30px;
     flex-wrap:wrap;
@@ -165,12 +165,12 @@
     cursor:not-allowed!important;
 }
 
-.Form-tabSection{
+.Form-tabSection {
     display: none;
     width: 0%;
 }
 
-.Form-tabSection.is-selected{
+.Form-tabSection.is-selected {
     width: 100%;
     display: block;
 }
@@ -261,7 +261,7 @@
   margin-bottom: 10px;
 }
 
-.Form-textAreaLabel{
+.Form-textAreaLabel {
     width:100%;
     order: 1;
 }
@@ -270,7 +270,7 @@
     max-width: 100%;
 }
 
-.Form-textArea{
+.Form-textArea {
     border-radius: 5px;
     color: @field-input-text;
     background-color: @field-secondary-bg;
@@ -285,11 +285,11 @@
     color: @field-input-text;
 }
 
-.Form-textInput:active{
+.Form-textInput:active {
     border:1px solid @field-border-sel;
 }
 
-.Form-monospace{
+.Form-monospace {
     font-family: Menlo,Monaco,Consolas,"Courier New",monospace!important;
 }
 
@@ -316,7 +316,7 @@
     border: 1px solid @default-link-hov;
 }
 
-.ui-spinner{
+.ui-spinner {
     height: 30px;
     background-color: @f2grey !important;
     border-radius: 5px;
@@ -325,21 +325,21 @@
     width:100%
 }
 
-.ui-spinner-input{
+.ui-spinner-input {
     color: @field-input-text;
-    background-color: @field-secondary-bg;
+    background-color: @f2grey;
 }
 
-.ui-spinner-input:focus{
+.ui-spinner-input:focus {
     outline: none;
 }
 
-.ui-spinner-button{
+.ui-spinner-button {
     border-left:1px solid @field-border!important;
     background-color: @field-button-bg !important;
 }
 
-.ui-spinner-button:hover{
+.ui-spinner-button:hover {
     background-color:@field-button-hov !important;
     cursor: pointer!important;
 }
@@ -349,7 +349,7 @@
     color: @default-data-txt;
 }
 
-.Form-numberInputButton{
+.Form-numberInputButton {
     color: @default-icon!important;
     font-size: 14px;
 
@@ -362,7 +362,7 @@
     color: @field-input-text!important;
 }
 
-.select2-selection__arrow{
+.select2-selection__arrow {
     border-left:1px solid @field-border;
     border-bottom-right-radius: 5px;
     border-top-right-radius: 5px;
@@ -374,23 +374,23 @@
     background: @ebgrey !important;
 }
 
-.select2-results__option{
+.select2-results__option {
     color: @field-label !important;
 }
 
-.select2-container--default .select2-results__option--highlighted[aria-selected]{
+.select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: @field-button-hov !important;
 }
 
-.select2-container--default .select2-results__option[aria-selected=true]{
+.select2-container--default .select2-results__option[aria-selected=true] {
     background-color: @default-white-button-bord !important;
 }
 
-.select2-container--default .select2-selection--single .select2-selection__arrow b{
+.select2-container--default .select2-selection--single .select2-selection__arrow b {
     border-color: @field-dropdown-icon transparent transparent transparent !important;
 }
 
-.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
+.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
     border-color: transparent transparent @field-dropdown-icon transparent!important;
 }
 
@@ -399,7 +399,7 @@
     border-bottom-right-radius: 0 !important;
 }
 
-.select2-dropdown{
+.select2-dropdown {
     border:1px solid @field-border;
 
 }
@@ -409,15 +409,15 @@
     border-top: 1px solid @field-border;
 }
 
-.Form-dropDown:focus{
+.Form-dropDown:focus {
     outline: none!important;
 }
 
-.Form-dropDown--scmType{
+.Form-dropDown--scmType {
     width: 100%;
 }
 
-.Form-passwordButton{
+.Form-passwordButton {
     height: 30px;
     color: @default-interface-txt;
     text-transform: uppercase;
@@ -435,7 +435,7 @@
     color: @field-lookup-btn-icon;
 }
 
-.Form-passwordButton:focus{
+.Form-passwordButton:focus {
     border: 1px solid @field-border;
     background-color: @field-lookup-btn-hov-bg;
 }
@@ -470,13 +470,13 @@
     border-right: 0px;
 }
 
-.CodeMirror{
+.CodeMirror {
     border-radius: 5px;
     font-style: normal;
     color: @field-input-text;
 }
 
-.CodeMirror-gutters{
+.CodeMirror-gutters {
     background-color:@code-mirror-gutter !important;
 }
 
@@ -562,7 +562,7 @@ input[type='radio']:checked:before {
     display: inline-block !important;
 }
 
-.Form-inputLabel{
+.Form-inputLabel {
     text-transform: uppercase;
     color: @default-interface-txt;
     font-weight: normal;
@@ -582,7 +582,7 @@ input[type='radio']:checked:before {
     .noselect;
 }
 
-.Form-buttons{
+.Form-buttons {
     height: 30px;
     display: flex;
     justify-content: flex-end;
@@ -592,7 +592,7 @@ input[type='radio']:checked:before {
     }
 }
 
-.Form-button{
+.Form-button {
     margin-left: 4px;
 }
 
@@ -602,7 +602,7 @@ input[type='radio']:checked:before {
     border-color: @default-border;
 }
 
-.Form-saveButton, .Form-launchButton{
+.Form-saveButton, .Form-launchButton {
     background-color: @submit-button-bg;
     color: @submit-button-text;
     text-transform: uppercase;
@@ -611,11 +611,11 @@ input[type='radio']:checked:before {
     padding-right: 15px;
 }
 
-.Form-saveButton:disabled, .Form-launchButton:disabled{
+.Form-saveButton:disabled, .Form-launchButton:disabled {
     background-color: @submit-button-bg-dis;
 }
 
-.Form-saveButton:hover, .Form-launchButton:hover{
+.Form-saveButton:hover, .Form-launchButton:hover {
     background-color: @submit-button-bg-hov;
     color: @submit-button-text;
 }
@@ -632,7 +632,7 @@ input[type='radio']:checked:before {
     margin-left: 20px;
 }
 
-.Form-cancelButton:hover{
+.Form-cancelButton:hover {
     background-color: @btn-bg-hov;
     color: @btn-txt;
 }