fleet/frontend/components/PremiumFeatureMessage/_styles.scss
Gabriel Hernandez b32ba3f11c
Fix UI premium message icon and text alignment (#16447)
relates to #16218

fix the alignment of the icon and text on the premium message component


![image](https://github.com/fleetdm/fleet/assets/1153709/ef83ce32-0900-4654-986a-37f4e18dc341)


- [x] Changes file added for user-visible changes in `changes/` or
`orbit/changes/`.
- [x] Manual QA for all new/changed functionality
2024-01-30 17:05:03 +00:00

27 lines
495 B
SCSS

.premium-feature-message-container {
display: flex;
justify-content: center;
align-items: center;
font-size: $x-small;
.premium-feature-message {
display: flex;
gap: 4px;
p {
// need to set line-height to normal for the icons and text to be aligned
line-height: normal;
margin: 0;
}
.external-link-and-icon {
display: flex;
gap: 4px;
align-items: center;
.custom-link {
font-weight: normal;
}
}
}
}