From 84d820e14b1c23df9737566630e3c8c5b8ae3b0b Mon Sep 17 00:00:00 2001
From: divit030 <divitpandey30@gmail.com>
Date: Sun, 12 Apr 2026 23:34:35 +0530
Subject: [PATCH] Improved mobilenav and header usability

---
 event-dappp/src/App.css | 43 +++++++++++++++++++++++++++++++++++++++--
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/event-dappp/src/App.css b/event-dappp/src/App.css
index cfb1d48..95e7a30 100644
--- a/event-dappp/src/App.css
+++ b/event-dappp/src/App.css
@@ -20,10 +20,10 @@ body {
 .app-header {
     background-color: #ffffff;
     padding: 1.5rem 2rem;
+    align-items: center;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
     display: flex;
     justify-content: space-between;
-    align-items: center;
     position: sticky;
     top: 0;
     z-index: 1000;
@@ -34,11 +34,14 @@ body {
     font-weight: 700;
     color: #4a5568;
     margin: 0;
+    
 }
 
 .nav-bar {
     display: flex;
     gap: 1rem;
+    flex-wrap: wrap;
+
 }
 
 .nav-bar button {
@@ -51,6 +54,7 @@ body {
     cursor: pointer;
     border-radius: 9999px;
     transition: all 0.3s ease;
+    box-sizing: border-box;
 }
 
 .nav-bar button:hover {
@@ -70,6 +74,8 @@ body {
     color: #4a5568;
     display: flex;
     align-items: center;
+    
+    
 }
 
 .connected-text {
@@ -78,11 +84,14 @@ body {
     border-radius: 9999px;
     font-weight: 600;
     color: #2d3748;
+    white-space: nowrap;
+    text-overflow: ellipsis;
 }
 
 .connect-button {
     background-color: #6c63ff;
     color: white;
+    max-width: 250px; 
     border: none;
     padding: 0.75rem 1.5rem;
     font-size: 1rem;
@@ -386,11 +395,16 @@ body {
     .main-panel {
         padding: 1rem;
     }
-    
+    .app-title{
+        font-size: 1.5rem;
+        order: 1;
+        text-align: center;
+    }
     .app-header {
         flex-direction: column;
         gap: 1rem;
         padding: 1rem;
+        align-items: center;
     }
     
     .nav-bar {
@@ -399,6 +413,12 @@ body {
     
     .wallet-status {
         order: 3;
+        width: 100%;
+        justify-content: center;
+    }
+    .connect-button{
+        max-width: 240px;
+        width: 100%;
     }
 }
 
@@ -464,5 +484,24 @@ body {
     
     .nav-bar button {
         padding: 0.5rem 1rem;
+        text-align: center;
+        box-sizing: border-box;
+        width: 100%;
+        min-height: 42px;
+    }
+        .app-title {
+        font-size: 1.2rem;   
     }
+
+    .connect-button {
+        width: 100%;
+        min-height: 42px;
+        font-size: 0.9rem;
+    }
+
+    .connected-text {
+        max-width: 100%;      
+        text-align: center;
+    }
+
 }
\ No newline at end of file