diff --git a/src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss b/src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss index 3fae28dd8..0962d7b11 100644 --- a/src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss +++ b/src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss @@ -19,13 +19,6 @@ flex-grow: 1; } -.subtitle { - display: flex; - align-items: center; - gap: 0.125rem; - font-size: 0.875rem; -} - .status { display: flex; flex-direction: column; @@ -49,11 +42,20 @@ } .title { - font-size: 1rem; + font-size: 0.9375rem; +} + +.subtitle { + display: flex; + align-items: center; + gap: 0.125rem; + font-size: 0.8125rem; + line-height: 1rem; } .description, .statusPeriod, .statusEnded { - font-size: 0.875rem; + font-size: 0.8125rem; + line-height: 1rem; color: var(--color-text-secondary); } @@ -63,7 +65,7 @@ .preview { position: relative; - align-self: flex-start; + align-self: center; } .subscriptionStar { diff --git a/src/components/modals/stars/transaction/StarsTransactionItem.module.scss b/src/components/modals/stars/transaction/StarsTransactionItem.module.scss index 59d70670f..490fa1145 100644 --- a/src/components/modals/stars/transaction/StarsTransactionItem.module.scss +++ b/src/components/modals/stars/transaction/StarsTransactionItem.module.scss @@ -35,15 +35,15 @@ } .title { - font-size: 1rem; + font-size: 0.9375rem; } -.description { - font-size: 0.875rem; +.description, .date { + font-size: 0.8125rem; + line-height: 1rem; } .date { - font-size: 0.875rem; color: var(--color-text-secondary); } @@ -57,7 +57,7 @@ .preview { position: relative; - align-self: flex-start; + align-self: center; } .subscriptionStar {