diff --git a/app/components/user-avatar.js b/app/components/user-avatar.js index be6d362a..238f0579 100644 --- a/app/components/user-avatar.js +++ b/app/components/user-avatar.js @@ -3,7 +3,7 @@ import Ember from 'ember'; export default Ember.Component.extend({ tagName: 'span', - classNames: ['avatar'], + classNameBindings: ['small:avatar--small:avatar'], userInitials: function() { var name = this.get('name'); diff --git a/app/styles/app/layouts/pull-requests.sass b/app/styles/app/layouts/pull-requests.sass index 1f91fea0..633afaa5 100644 --- a/app/styles/app/layouts/pull-requests.sass +++ b/app/styles/app/layouts/pull-requests.sass @@ -24,6 +24,7 @@ display: flex flex-flow: row wrap align-items: baseline + padding-left: 0.4em .row-branch flex: 1 0 18% diff --git a/app/styles/app/modules/avatar.sass b/app/styles/app/modules/avatar.sass index 0bcfa56e..c1e0af7b 100644 --- a/app/styles/app/modules/avatar.sass +++ b/app/styles/app/modules/avatar.sass @@ -42,19 +42,11 @@ margin-left: 1em top: -3px -.commit-author - .avatar - width: 18px - height: 18px - margin-right: .3rem +.avatar--small + @extend .avatar + width: 18px + height: 18px + margin-right: .3rem .pseudo-avatar:after - font-size: .7em - line-height: 1.7 - -.row-committer - .avatar - width: 18px - height: 18px - .pseudo-avatar:after - font-size: .7em - line-height: 1.6 + font-size: 9px + line-height: 16px diff --git a/app/styles/app/modules/build-header.sass b/app/styles/app/modules/build-header.sass index 0ed2212e..b77f897b 100644 --- a/app/styles/app/modules/build-header.sass +++ b/app/styles/app/modules/build-header.sass @@ -54,7 +54,8 @@ .build-title .status-icon - margin-left: -1.8rem + margin-left: -1.9rem + margin-right: 0.7rem .commit-info font-size: 15px diff --git a/app/styles/app/modules/icons.sass b/app/styles/app/modules/icons.sass index e5bbe766..f9bf6421 100644 --- a/app/styles/app/modules/icons.sass +++ b/app/styles/app/modules/icons.sass @@ -10,27 +10,6 @@ height: 15px @extend %icon -.status-icon *, -.request-icon * - fill: none - stroke: $cement-grey - stroke-linecap: round - stroke-linejoin: round - stroke-miterlimit: 10 - stroke-width: 2px - -.status-icon - @extend %icon - width: 13px - height: 20px - margin-right: .3rem - -.request-icon - @extend %icon - width: 16px - height: 19px - margin-right: .1rem - %icon-download-log background-image: inline-image('stroke-icons/icon-downloadlogs.svg') .icon-download-log diff --git a/app/styles/app/modules/row.sass b/app/styles/app/modules/row.sass index 2b0bfe64..c471d01f 100644 --- a/app/styles/app/modules/row.sass +++ b/app/styles/app/modules/row.sass @@ -110,18 +110,6 @@ @media #{$medium-up} display: block - .icon - margin-right: .2em - - .avatar - display: inline-block - width: 16px - height: 16px - margin: 0 .4em 0 .1em - border-radius: 50% - vertical-align: middle - background-color: #E9EBEB - @include statusColors($turf-green, 'passed', 10px) @include statusColors($brick-red, 'failed', 10px) @include statusColors($brick-red, 'errored', 10px) diff --git a/app/styles/app/modules/status-icon.sass b/app/styles/app/modules/status-icon.sass index 25d43404..04f35071 100644 --- a/app/styles/app/modules/status-icon.sass +++ b/app/styles/app/modules/status-icon.sass @@ -1,3 +1,25 @@ +.status-icon *, +.request-icon * + fill: none + stroke: $cement-grey + stroke-linecap: round + stroke-linejoin: round + stroke-miterlimit: 10 + stroke-width: 2px + +.status-icon + @extend %icon + width: 13px + height: 14px + line-height: 0 + margin-right: .3rem + +.request-icon + @extend %icon + width: 16px + height: 19px + margin-right: .1rem + .status-icon .is-rotating width: 17px diff --git a/app/templates/components/branch-row.hbs b/app/templates/components/branch-row.hbs index 5c7702db..0f783fe5 100644 --- a/app/templates/components/branch-row.hbs +++ b/app/templates/components/branch-row.hbs @@ -60,9 +60,9 @@