From 7cedb6ab940fa8f55e20036be029fc14dade57a4 Mon Sep 17 00:00:00 2001
From: Myzel394 <50424412+Myzel394@users.noreply.github.com>
Date: Thu, 3 Nov 2022 08:22:23 +0100
Subject: [PATCH] improvements

---
 .../AliasesRoute/AliasesListItem.tsx          | 19 +++++++++++++++++--
 src/routes/EnterDecryptionPassword.tsx        |  1 +
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/route-widgets/AliasesRoute/AliasesListItem.tsx b/src/route-widgets/AliasesRoute/AliasesListItem.tsx
index c1607ab..995687c 100644
--- a/src/route-widgets/AliasesRoute/AliasesListItem.tsx
+++ b/src/route-widgets/AliasesRoute/AliasesListItem.tsx
@@ -2,7 +2,13 @@ import {ReactElement} from "react"
 import {MdContentCopy} from "react-icons/md"
 import {Link as RouterLink} from "react-router-dom"
 
-import {ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText} from "@mui/material"
+import {
+	ListItemButton,
+	ListItemIcon,
+	ListItemSecondaryAction,
+	ListItemText,
+	useTheme,
+} from "@mui/material"
 
 import {AliasTypeIndicator} from "~/components"
 import {AliasList} from "~/server-types"
@@ -15,6 +21,8 @@ export interface AliasesListItemProps {
 const getAddress = (alias: AliasList): string => `${alias.local}@${alias.domain}`
 
 export default function AliasesListItem({alias, onCopy}: AliasesListItemProps): ReactElement {
+	const theme = useTheme()
+
 	const isInCopyAddressMode = onCopy !== undefined
 	const address = getAddress(alias)
 
@@ -36,7 +44,14 @@ export default function AliasesListItem({alias, onCopy}: AliasesListItemProps):
 			<ListItemIcon>
 				<AliasTypeIndicator type={alias.type} />
 			</ListItemIcon>
-			<ListItemText primary={address} />
+			<ListItemText
+				primary={
+					<>
+						<span>{alias.local}</span>
+						<span style={{opacity: 0.5}}>@{alias.domain}</span>
+					</>
+				}
+			/>
 			{isInCopyAddressMode && (
 				<ListItemSecondaryAction>
 					<MdContentCopy />
diff --git a/src/routes/EnterDecryptionPassword.tsx b/src/routes/EnterDecryptionPassword.tsx
index 860bf2f..653d339 100644
--- a/src/routes/EnterDecryptionPassword.tsx
+++ b/src/routes/EnterDecryptionPassword.tsx
@@ -61,6 +61,7 @@ export default function EnterDecryptionPassword(): ReactElement {
 					<PasswordField
 						key="password"
 						fullWidth
+						autoFocus
 						name="password"
 						id="password"
 						label={t("components.EnterDecryptionPassword.form.password.label")}