diff --git a/app/assets/javascripts/components/AccountMenu/GeneralAccountMenu.tsx b/app/assets/javascripts/components/AccountMenu/GeneralAccountMenu.tsx index 81fd0f5ea..1716c6319 100644 --- a/app/assets/javascripts/components/AccountMenu/GeneralAccountMenu.tsx +++ b/app/assets/javascripts/components/AccountMenu/GeneralAccountMenu.tsx @@ -8,6 +8,7 @@ import { STRING_GENERIC_SYNC_ERROR } from '@/strings'; import { useState } from 'preact/hooks'; import { AccountMenuPane } from '.'; import { FunctionComponent } from 'preact'; +import { AppVersion } from '@/version'; type Props = { appState: AppState; @@ -54,7 +55,7 @@ export const GeneralAccountMenu: FunctionComponent = observer( return ( <> -
+
Account
@@ -62,9 +63,10 @@ export const GeneralAccountMenu: FunctionComponent = observer(
{user ? ( <> -
+
You're signed in as:
-
{user.email}
+
{user.email}
+ {application.getHost()}
{isSyncingInProgress ? ( @@ -136,15 +138,18 @@ export const GeneralAccountMenu: FunctionComponent = observer( )} {user ? ( <> diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss index 6e724a42d..8f9f2cf73 100644 --- a/app/assets/stylesheets/_sn.scss +++ b/app/assets/stylesheets/_sn.scss @@ -219,6 +219,11 @@ margin-right: 0.75rem; } +.my-0\.5 { + margin-top: 0.125rem; + margin-bottom: 0.125rem; +} + .my-1\.5 { margin-top: 0.375rem; margin-bottom: 0.375rem;