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