diff --git a/app/styles/app/components/build-tile.sass b/app/styles/app/components/build-tile.sass index a7ab8778..b5b04f4a 100644 --- a/app/styles/app/components/build-tile.sass +++ b/app/styles/app/components/build-tile.sass @@ -23,13 +23,17 @@ height: 5.6rem margin: 0 padding: 0 + clear: both list-style: none li position: relative - display: inline-block height: 100% - width: 18.7% + width: 20% + float: left background-color: #F7F7F7 + border-right: 1px solid $white + &:last-of-type + border-right: none .status-icon position: absolute top: 0 @@ -41,13 +45,17 @@ margin: auto !important background-color: transparent .is-rotating - width: 100% - height: 100% - line-height: 1.5 + position: absolute + top: 0 + bottom: 0 + right: 0 + left: 0 + margin: auto + width: 1.3em + height: 1.1em .circle width: 8px height: 8px - border-width: 2px a display: block height: 100% diff --git a/app/styles/app/layouts/branches.sass b/app/styles/app/layouts/branches.sass index f787d80c..82dc91cd 100644 --- a/app/styles/app/layouts/branches.sass +++ b/app/styles/app/layouts/branches.sass @@ -222,7 +222,8 @@ .is-rotating width: 17px height: 19px - line-height: 1 + line-height: 0.9 + text-align: center transform-origin: center center will-change: transform animation: rotation 3s infinite ease @@ -255,8 +256,8 @@ height: 2em width: 11em margin: auto - padding: 0.2em .5em - line-height: 1.5 + padding: 0.35em 0.5em 0.2em + line-height: 1 text-align: center border: 1px solid #E4E6E6 border-radius: 2px