From 27ad7145e0d67372868b1907f9eddea32dc53c16 Mon Sep 17 00:00:00 2001
From: Fynn Heintz <fynn.heintz@gmail.com>
Date: Sat, 27 Jan 2024 22:41:28 +0100
Subject: [PATCH] fix: truncate account names

This fixes #1497
---
 src/components/OwnAccountsList.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/OwnAccountsList.tsx b/src/components/OwnAccountsList.tsx
index b6e35808..464e7e22 100644
--- a/src/components/OwnAccountsList.tsx
+++ b/src/components/OwnAccountsList.tsx
@@ -125,11 +125,12 @@ const OwnAccountsList = ({ budget }: Props) => {
                     <div className="flex w-full items-center justify-between space-x-6 p-6">
                       <div className="flex-1 truncate">
                         <div className="items-start justify-between lg:flex lg:space-x-3">
-                          <div className="flex justify-between lg:block">
+                          <div className="justify-between truncate max-md:flex max-md:space-x-2">
                             <h3
                               className={`truncate text-base font-bold ${
                                 account.name === '' ? 'italic' : ''
                               }`}
+                              title={safeName(account, 'account')}
                             >
                               {safeName(account, 'account')}
                               {account.archived ? (