From 48fd8e14d289a3b5ff276466ee33cad3526b8eaf Mon Sep 17 00:00:00 2001
From: hzrd149 <github@hzrd149.com>
Date: Sat, 9 Dec 2023 07:21:57 -0600
Subject: [PATCH] tweaks

---
 dockerfile                                 | 6 ++++--
 src/components/layout/account-switcher.tsx | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/dockerfile b/dockerfile
index 07b51c58a..bc325c3f1 100644
--- a/dockerfile
+++ b/dockerfile
@@ -1,11 +1,13 @@
 # syntax=docker/dockerfile:1
-FROM node:20
+FROM node:20 as builder
+
 WORKDIR /app
 COPY . /app/
+
 ENV VITE_COMMIT_HASH=""
 ENV VITE_APP_VERSION="custom"
 RUN yarn install && yarn build
 
 FROM nginx:stable-alpine-slim
 EXPOSE 80
-COPY --from=0 /app/dist /usr/share/nginx/html
+COPY --from=builder /app/dist /usr/share/nginx/html
diff --git a/src/components/layout/account-switcher.tsx b/src/components/layout/account-switcher.tsx
index 6e074d848..f9b78048e 100644
--- a/src/components/layout/account-switcher.tsx
+++ b/src/components/layout/account-switcher.tsx
@@ -24,8 +24,10 @@ function AccountItem({ account, onClick }: { account: Account; onClick?: () => v
     <Box display="flex" gap="2" alignItems="center" cursor="pointer">
       <Flex as="button" onClick={handleClick} flex={1} gap="2" overflow="hidden" alignItems="center">
         <UserAvatar pubkey={pubkey} size="md" />
-        <Text isTruncated>{getUserDisplayName(metadata, pubkey)}</Text>
-        <AccountInfoBadge fontSize="0.7em" account={account} />
+        <Flex direction="column" overflow="hidden" alignItems="flex-start">
+          <Text isTruncated>{getUserDisplayName(metadata, pubkey)}</Text>
+          <AccountInfoBadge fontSize="0.7em" account={account} />
+        </Flex>
       </Flex>
       <IconButton
         icon={<CloseIcon />}