diff --git a/frontend/src/styles/webapp.css b/frontend/src/styles/webapp.css index 6b20b51..84a8331 100644 --- a/frontend/src/styles/webapp.css +++ b/frontend/src/styles/webapp.css @@ -245,6 +245,11 @@ a { color: var(--accent); } +.sub-status-main { + min-width: 0; + flex: 1 1 auto; +} + .sub-status h2 { margin: 0; font-size: 15px; @@ -264,9 +269,11 @@ a { } .status-tariff-action { - margin-top: 10px; - min-height: 38px; + min-height: 34px; + margin-left: auto; padding: 0 12px; + flex: 0 0 auto; + white-space: nowrap; } .traffic-top, diff --git a/frontend/src/webapp/screens/HomeScreen.svelte b/frontend/src/webapp/screens/HomeScreen.svelte index c50b107..49a2888 100644 --- a/frontend/src/webapp/screens/HomeScreen.svelte +++ b/frontend/src/webapp/screens/HomeScreen.svelte @@ -103,7 +103,7 @@ {#if subscription.active}
-
+

{trafficMode ? t("wa_home_access_active") : t("wa_home_subscription_active")} | {activeSubscriptionTermLabel( subscription @@ -119,17 +119,17 @@ ? t("wa_until_date", { date: subscription.end_date_text }) : subscription.remaining_text}

- {#if canChangeTariff} - - {/if}

+ {#if canChangeTariff} + + {/if}
{:else}