diff --git a/app/styles/app/layouts/branches.sass b/app/styles/app/layouts/branches.sass index aeb10414..b8809ff4 100644 --- a/app/styles/app/layouts/branches.sass +++ b/app/styles/app/layouts/branches.sass @@ -52,7 +52,7 @@ @media #{$medium-up} & > div:first-of-type - width: 25% + width: 26% position: relative &:after content: "" @@ -222,7 +222,7 @@ bottom: -4px @media #{$medium-up} top: -2.3em - width: 4em + width: 4.1em padding: .1em .1em white-space: nowrap font-size: 14px; @@ -235,6 +235,10 @@ path fill: $teal-dark +.label-align + vertical-align: middle + line-height: 1.4 + // @todo refactor to status-icon module .status-icon .is-rotating diff --git a/app/styles/app/modules/tiles.sass b/app/styles/app/modules/tiles.sass index c73b6a79..47bd5af9 100644 --- a/app/styles/app/modules/tiles.sass +++ b/app/styles/app/modules/tiles.sass @@ -3,7 +3,7 @@ svg g > * fill: $color -@mixin colorTiles($color, $status) +@mixin colorTiles($color, $status, $extra-bg: $color) &.#{$status} .tile-status background-color: $color @@ -34,11 +34,11 @@ @include colorTiles($red-dark, 'failed') @include colorTiles($red-dark, 'errored') @include colorTiles($grey-medium, 'canceled') - @include colorTiles(#bfb502, 'started') - @include colorTiles(#bfb502, 'queued') - @include colorTiles(#bfb502, 'booting') - @include colorTiles(#bfb502, 'received') - @include colorTiles(#bfb502, 'created') + @include colorTiles(#bfb502, 'started', #e5da3f) + @include colorTiles(#bfb502, 'queued', #e5da3f) + @include colorTiles(#bfb502, 'booting', #e5da3f) + @include colorTiles(#bfb502, 'received', #e5da3f) + @include colorTiles(#bfb502, 'created', #e5da3f) .status-icon .is-rotating width: 17px; diff --git a/app/templates/branches.hbs b/app/templates/branches.hbs index 650a6cc4..d423b0d8 100644 --- a/app/templates/branches.hbs +++ b/app/templates/branches.hbs @@ -22,7 +22,7 @@