From 6d0e5febe9ba85c3d1632c7af58b1832492a7413 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Muhammed=20K=C4=B1l=C4=B1=C3=A7?=
 <muhammeddkilicc@gmail.com>
Date: Wed, 7 Feb 2024 04:48:05 +0300
Subject: [PATCH] Fix accountable text and alignment (#330)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Fix #319 Accountable text format

* Fix account index table alignment

* Update to_accountable_title helper

---------

Signed-off-by: Muhammed Kılıç <muhammeddkilicc@gmail.com>
---
 app/helpers/accounts_helper.rb    |  3 +++
 app/views/accounts/index.html.erb | 10 +++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/helpers/accounts_helper.rb b/app/helpers/accounts_helper.rb
index 17850b4b..0673bf2a 100644
--- a/app/helpers/accounts_helper.rb
+++ b/app/helpers/accounts_helper.rb
@@ -1,2 +1,5 @@
 module AccountsHelper
+  def to_accountable_title(accountable)
+    accountable.model_name.human
+  end
 end
diff --git a/app/views/accounts/index.html.erb b/app/views/accounts/index.html.erb
index ef727457..34bc5672 100644
--- a/app/views/accounts/index.html.erb
+++ b/app/views/accounts/index.html.erb
@@ -3,14 +3,14 @@
 <h3 class="mt-1 mb-4 text-sm text-gray-500"><%#= number_to_currency Current.family.cash_balance %></h3>
 
 <% Current.family.accounts.each do |account| %>
-    <div class="flex items-center justify-between px-3 py-3 mb-2 bg-white shadow-sm rounded-xl">
-      <div class="flex items-center text-sm">
+    <div class="flex flex-row items-center justify-between px-3 py-3 mb-2 bg-white shadow-sm rounded-xl">
+      <div class="flex w-1/3 items-center text-sm">
         <%= account.name %>
       </div>
-      <div class="flex items-center text-sm">
-        <%= account.accountable.model_name.human %>
+      <div class="flex w-1/3 items-center text-sm">
+        <%= to_accountable_title(account.accountable) %>
       </div>
-      <p class="text-sm text-right">
+      <p class="flex w-1/3 text-sm text-right">
         <span class="block mb-1"><%= humanized_money_with_symbol account.balance %></span>
       </p>
     </div>