Skip to content

Commit dfc4942

Browse files
authored
Merge pull request #349 from user-interviews/proposal/adjust-cta-to-flex-end
Move alert CTAs to the end of the alert vs. centered
2 parents 59c1c90 + 7da8966 commit dfc4942

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/Alert/Alert.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
padding: $ux-spacing-20 $ux-spacing-40;
1717
text-decoration: none;
1818
white-space: nowrap;
19-
19+
2020
&:hover {
2121
background-color: $bg-color-hover;
2222
}
@@ -26,13 +26,13 @@
2626
display: grid;
2727
grid-template-columns: 2rem auto auto 2rem;
2828
grid-template-rows: auto auto;
29-
grid-template-areas:
29+
grid-template-areas:
3030
'icon content content close'
3131
'icon action action close'
3232
;
33-
33+
3434
@media (min-width: 450px) {
35-
grid-template-areas:
35+
grid-template-areas:
3636
'icon content action close'
3737
'icon content action close'
3838
;
@@ -58,9 +58,9 @@
5858
display: flex;
5959
align-items: center;
6060
justify-content: flex-start;
61-
61+
6262
@media (min-width: 450px) {
63-
justify-content: center;
63+
justify-content: flex-end;
6464
}
6565
}
6666

0 commit comments

Comments
 (0)