1.pages-domain-list { 2 &-item { 3 align-items: center; 4 5 .domain-status { 6 display: inline-flex; 7 left: $gl-padding; 8 position: absolute; 9 } 10 11 .domain-name { 12 flex-grow: 1; 13 } 14 15 } 16 17 &.has-verification-status > li { 18 padding-left: 3 * $gl-padding; 19 } 20 21} 22 23.status-badge { 24 25 display: inline-flex; 26 margin-bottom: $gl-padding-8; 27 28 // Most of the following settings "stolen" from btn-sm 29 // Border radius is overwritten for both 30 .label, 31 .btn { 32 padding: $gl-padding-4 $gl-padding-8; 33 font-size: $gl-font-size; 34 line-height: $gl-btn-line-height; 35 border-radius: 0; 36 display: flex; 37 align-items: center; 38 } 39 40 .btn svg { 41 top: auto; 42 } 43 44 :first-child { 45 border-bottom-right-radius: 0; 46 border-top-right-radius: 0; 47 line-height: $gl-line-height; 48 } 49 50 :not(:first-child) { 51 border-left: 0; 52 } 53 54 :last-child { 55 border-bottom-right-radius: $border-radius-default; 56 border-top-right-radius: $border-radius-default; 57 } 58} 59