push some pixels on settings

app/components/limit-concurrent-builds.coffee

@@ -1,6 +1,9 @@
 `import Ember from 'ember'`
 
 LimitConcurrentBuildsComponent = Ember.Component.extend
+  
+  classNames: ['limit-concurrent-builds']
+
   description: (->
     description = "Limit concurrent jobs"
     if @get('enabled')

app/components/loading-indicator.coffee

@@ -2,7 +2,7 @@
 
 LoadingIndicatorComponent = Ember.Component.extend
   tagName: 'div'
-  classNameBindings: ['center:loading-container', 'inline:inline']
+  classNameBindings: ['center:loading-container', 'inline:inline-block']
   center: false
 
 `export default LoadingIndicatorComponent`

app/styles/app/components/loading-indicator.sass

@@ -16,9 +16,6 @@
     &:nth-child(3)
       animation-delay: 0.6s
 
-.inline
-  display: inline-block
-
 @keyframes bouncedelay
   0%, 80%, 100%
     transform: scale(0)
@@ -29,6 +26,8 @@
   text-align: center
   padding: 1.5em 1em
 
+.inline-block
+  display: inline-block
 
 .loading-indicator--white
   @extend .loading-indicator

app/styles/app/layouts/settings.sass

@@ -48,16 +48,20 @@
     font-size: $font-size-s
     text-align: center
 
-input.settings-concurrent
+.limit-concurrent-builds
-  display: inline-block
+  input
-  width: 3em
+    display: inline-block
-  margin: 0 .5em
+    width: 3em
-  text-align: center
+    height: 30px
+    margin: 0 .5em
+    text-align: center
 
 %settings-row
   padding: .6em .5em
   border-radius: 4px
   background-color: #F6F5F5
+  @media #{$medium-up}
+    height: 47px
 
 .settings-envvar
   @extend %settings-row

app/templates/components/limit-concurrent-builds.hbs

@@ -3,5 +3,5 @@
   {{input pattern="/^[0-9]+$/" value=value on="key-up" action="limitChanged"}}
 {{/if}}
 {{#if isSaving}}
-  {{loading-indicator}}
+{{loading-indicator inline=true}}
 {{/if}}