From 669b16381460606357f60852e52ca32a003a6ea6 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Tue, 23 Nov 2021 20:08:54 -0600
Subject: [PATCH] Make the wallet balance look a bit nicer

---
 app/views/wallet/index.html.erb | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/app/views/wallet/index.html.erb b/app/views/wallet/index.html.erb
index fda7bd6..07c8055 100644
--- a/app/views/wallet/index.html.erb
+++ b/app/views/wallet/index.html.erb
@@ -1,16 +1,21 @@
-<section class="w-full grid grid-cols-1 md:grid-cols-2">
-  <div>
+<section class="w-full grid grid-cols-1 md:grid-cols-12 md:mb-0">
+  <div class="md:col-span-8">
     <h2>Wallet</h2>
     <p>
-      Send and receive BTC via the Lightning Network.
+      Send and receive sats via the Bitcoin Lightning Network.
+    </p>
+  </div>
+  <div class="md:col-span-4 mt-4 md:mt-0">
+    <p class="font-mono md:text-right p-4 bg-gray-50 shadow rounded-lg overflow-hidden">
+    <% if @balance %>
+      <span class="text-xl">48590<%= @balance %> sats</span><br>
+      <span class="text-sm text-gray-500">Available balance</span>
+    <% else %>
+      <span class="text-xl">n/a<%= @balance %> sats</span><br>
+      <span class="text-sm text-gray-500">Balance unavailable</span>
+    <% end %>
     </p>
   </div>
-  <p class="font-mono mt-4 md:text-right md:mt-0">
-  <% if @balance %>
-    <span class="text-xl"><%= @balance %> sats</span><br>
-    <span class="text-sm text-gray-500">Available balance</span>
-  <% end %>
-  </p>
 </section>
 
 <section>