From df047131bb60d81a31178431bb57c4cefb9d4ab9 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 14 Jul 2023 14:46:57 +0800
Subject: [PATCH] Show instance URL in accounts list

When logged-in, acct doesn't show @instance
---
 src/pages/accounts.jsx | 11 ++++++++++-
 src/pages/settings.css |  6 +++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/pages/accounts.jsx b/src/pages/accounts.jsx
index 72ac0d87..4873da23 100644
--- a/src/pages/accounts.jsx
+++ b/src/pages/accounts.jsx
@@ -63,7 +63,16 @@ function Accounts({ onClose }) {
                       }}
                     />
                     <NameText
-                      account={account.info}
+                      account={
+                        moreThanOneAccount
+                          ? {
+                              ...account.info,
+                              acct: /@/.test(account.info.acct)
+                                ? account.info.acct
+                                : `${account.info.acct}@${account.instanceURL}`,
+                            }
+                          : account.info
+                      }
                       showAcct
                       onClick={() => {
                         if (isCurrent) {
diff --git a/src/pages/settings.css b/src/pages/settings.css
index c5285a10..9da34e8b 100644
--- a/src/pages/settings.css
+++ b/src/pages/settings.css
@@ -31,7 +31,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  flex-wrap: wrap;
+  /* flex-wrap: wrap; */
   border-bottom: var(--hairline-width) solid var(--outline-color);
 }
 #settings-container section > ul > li .current {
@@ -49,8 +49,8 @@
   vertical-align: middle;
 }
 #settings-container section > ul > li > div {
-  flex-grow: 1;
-  max-width: 100%;
+  display: flex;
+  align-items: center;
 }
 #settings-container section > ul > li > div.actions {
   flex-basis: fit-content;