fleet/frontend/components/ListItem/_styles.scss
2025-09-29 12:10:41 -05:00

32 lines
493 B
SCSS

.list-item {
display: flex;
justify-content: space-between;
align-items: center;
&__main-content {
display: flex;
align-items: center;
gap: $pad-medium;
}
&__info {
display: flex;
flex-direction: column;
gap: $pad-xsmall;
}
&__title {
font-size: $x-small;
font-weight: $bold;
}
&__details {
font-size: $xx-small;
}
&__actions {
display: flex;
justify-content: flex-end;
gap: $pad-xsmall; // Padding on buttons
}
}