Skip to content
This repository has been archived by the owner on Dec 5, 2023. It is now read-only.

Commit

Permalink
Align label right on mobile
Browse files Browse the repository at this point in the history
The current implementation does not align the status labels and gives a bit messy dashboard. On mobile we want to align the labels to the right.
  • Loading branch information
JacobArrow committed Oct 30, 2023
1 parent 0096f6f commit bd3d689
Showing 1 changed file with 8 additions and 0 deletions.
8 changes: 8 additions & 0 deletions src/stories/Library/Lists/list-dashboard/list-dashboard.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,17 @@
padding: 16px;
text-decoration: none;

& .status-label {
margin-left: auto;
}

@include breakpoint-s {
padding: 16px 24px;

& .status-label {
margin-left: unset;
}

&:hover {
.list-dashboard__arrow {
visibility: visible;
Expand Down

0 comments on commit bd3d689

Please sign in to comment.