From e12d9e4391ebde578bbc4b999dfece44fd814ed2 Mon Sep 17 00:00:00 2001
From: void-57 <ruddhaani60@gmail.com>
Date: Tue, 14 Oct 2025 05:20:21 +0530
Subject: [PATCH] Refactor balance section styling for improved mobile
 responsiveness

---
 index.html |  2 +-
 style.css  | 31 ++++++++++++++++++-------------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 8d17ed9..362c5fe 100644
--- a/index.html
+++ b/index.html
@@ -382,7 +382,7 @@
             style="display: none"
           >
             <div class="balance-header">
-              <h3><i class="fas fa-wallet"></i> Address Balance</h3>
+              <h3><i class="fas fa-wallet"></i> Balance</h3>
               <div class="balance-actions">
                 <button
                   id="shareAddressBtn"
diff --git a/style.css b/style.css
index ac5bda7..99cdf08 100644
--- a/style.css
+++ b/style.css
@@ -2440,15 +2440,15 @@ body {
   }
 
   .share-btn {
-    padding: 0.5rem 0.75rem;
-    font-size: 0.8rem;
+    padding: 0.4rem 0.6rem;
+    font-size: 0.75rem;
     border-radius: var(--border-radius-sm);
     min-width: auto;
-    min-height: 36px;
+    min-height: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: 0.4rem;
+    gap: 0.3rem;
     background: var(--primary-color);
     color: white;
     border-color: var(--primary-color);
@@ -2462,37 +2462,42 @@ body {
  
 
   .toggle-container {
-    flex-shrink: 0;
+    flex-shrink: 1;
+    min-width: 0;
   }
 
   .toggle-btn {
-    padding: 0.4rem 0.8rem;
-    font-size: 0.8rem;
-    min-height: 36px;
+    padding: 0.35rem 0.55rem;
+    font-size: 0.75rem;
+    min-height: 32px;
+    white-space: nowrap;
   }
 
   .balance-header {
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
-    gap: 1rem;
+    gap: 0.5rem;
     flex-wrap: nowrap;
   }
 
   .balance-header h3 {
     margin-bottom: 0;
-    flex-shrink: 0;
-    font-size: 1rem;
+    flex-shrink: 1;
+    font-size: 0.9rem;
+    min-width: 0;
   }
 
   .balance-actions {
     flex-shrink: 0;
-    gap: 0.75rem;
+    gap: 0.5rem;
+    max-width: 60%;
   }
 
   /* Improve overall balance section on mobile */
   .balance-info {
-    padding: 1rem;
+    padding: 0.75rem;
+    margin: 0.5rem;
   }
 
   .balance-display {