From 890b52c631c29f18d4cb65f443cd8f3b39a1e3b2 Mon Sep 17 00:00:00 2001
From: Luciano Oliva Bianco <lulox.eth@protonmail.com>
Date: Tue, 24 Sep 2024 00:38:32 -0300
Subject: [PATCH] UI improvements

---
 packages/nextjs/app/myProfile/MyProfile.tsx | 4 ++--
 packages/nextjs/app/page.tsx                | 2 +-
 packages/nextjs/components/Header.tsx       | 7 +++++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/nextjs/app/myProfile/MyProfile.tsx b/packages/nextjs/app/myProfile/MyProfile.tsx
index 1314af4..67afa10 100644
--- a/packages/nextjs/app/myProfile/MyProfile.tsx
+++ b/packages/nextjs/app/myProfile/MyProfile.tsx
@@ -138,7 +138,7 @@ export const MyProfile: NextPage = () => {
       {/* User Profile Section */}
       <div className="relative flex flex-col md:flex-row items-center bg-base-100 p-6 rounded-lg shadow-md w-full">
         {/* Profile Picture */}
-        <div className="avatar mr-4 md:mr-8">
+        <div className="avatar ">
           <ProfilePictureUpload
             isEditing={isEditing}
             profilePicture={profilePicture}
@@ -205,7 +205,7 @@ export const MyProfile: NextPage = () => {
 
         {/* USDC Balance and Logo at the Bottom Right */}
         {isEditing ? (
-          <div className="absolute bottom-2 right-4 flex items-center gap-2">
+          <div className="mt-2 flex items-center gap-2">
             <button className="cool-button" onClick={handleEditProfile}>
               Save changes
             </button>
diff --git a/packages/nextjs/app/page.tsx b/packages/nextjs/app/page.tsx
index febbf63..c6ebf21 100644
--- a/packages/nextjs/app/page.tsx
+++ b/packages/nextjs/app/page.tsx
@@ -3,7 +3,7 @@ import type { NextPage } from "next";
 import { getMetadata } from "~~/utils/scaffold-eth/getMetadata";
 
 export const metadata = getMetadata({
-  title: "Explore | DARTE",
+  title: "DARTE",
   description: "Built with 🏗 Scaffold-ETH 2",
 });
 
diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
index 34130a4..c2be5a5 100644
--- a/packages/nextjs/components/Header.tsx
+++ b/packages/nextjs/components/Header.tsx
@@ -168,8 +168,11 @@ export const Header = () => {
           <RainbowKitCustomConnectButton />
         )}
         {isMenuOpen && isConnected && (
-          <div className="absolute flex flex-col items-center justify-center right-0 top-10 mt-2 w-48 bg-base-100 shadow-lg rounded-lg">
-            <RainbowKitCustomConnectButton />
+          <div className="absolute flex flex-col items-center justify-center right-0 top-10 mt-2 w-48 bg-base-300 shadow-lg rounded-lg">
+            <div className="pt-2">
+              <RainbowKitCustomConnectButton />
+            </div>
+
             <div className="pt-2 mb-2 flex flex-row items-center justify-center gap-2">
               <Link href="/myProfile" passHref>
                 <span className="btn btn-primary">My Profile</span>