Merge pull request #346 from GTBitsOfGood/gia2/UI-inconsistencies

Gia2/UI inconsistencies

Author: ND68

src/app/accountManagement/page.tsx

@@ -449,10 +449,12 @@ export default function AccountManagementPage() {
 
   return (
     <>
-      <h1 className="text-2xl font-semibold text-gray-primary">
+      <h1 className="text-2xl font-semibold text-gray-primary m-0">
         Account Management
       </h1>
 
+      <div className="h-4"></div>
+
       <AdvancedBaseTable
         ref={tableRef}
         columns={baseColumns}

src/components/dashboard/FloatingNotification.tsx

@@ -16,7 +16,7 @@ export default function FloatingNotification() {
   const unreadCount = notifications.length;
 
   return (
-    <div className="fixed top-9 right-20 sm:right-9 w-12 h-12 flex justify-center items-center z-[50]">
+    <div className="fixed top-7 right-20 sm:right-9 w-12 h-12 flex justify-center items-center z-[50]">
       <button
         onClick={() => setIsPanelOpen(true)}
         className="absolute top-0 right-0 text-gray-500 hover:text-gray-700 transition-all "

src/screens/AdminUnallocatedItemsScreen.tsx

@@ -121,7 +121,9 @@ export default function AdminUnallocatedItemsScreen() {
 
   return (
     <>
-      <h1 className="text-2xl font-semibold">Unallocated Items</h1>
+      <h1 className="text-2xl font-semibold m-0">Unallocated Items</h1>
+
+      <div className="h-4"></div>
 
       {modifiedPagesCount > 0 && (
         <div className="mb-4 mt-2 p-4 bg-blue-50 border border-blue-200 rounded-lg">

src/screens/PartnerItemsScreen.tsx

@@ -535,13 +535,15 @@ export default function PartnerItemsScreen() {
   };
 
   return (
-    <div className="w-full px-4 py-6 font-[Open_Sans]">
+    <div className="w-full px-4 pb-6 font-[Open_Sans]">
       <Tutorial tutorialSteps={tutorialSteps} type="items" onStepChange={handleTutorialStepChange} onTutorialEnd={handleTutorialEnd}/>
-      <h1 className="text-2xl font-semibold text-gray-primary mb-6">
-        
-        Available Items
-      
-      </h1>
+      <div className="flex items-start justify-between">
+        <h1 className="text-2xl font-semibold text-gray-primary m-0">
+          Available Items
+        </h1>
+      </div>
+
+      <div className="h-4"></div>
 
       <AdvancedBaseTable
         ref={tableRef}

src/screens/PartnerRequestsScreen.tsx

@@ -486,17 +486,21 @@ export default function PartnerRequestsScreen() {
   ];
 
   return (
-    <div className="w-full px-4 py-6 font-[Open_Sans]">
+    <div className="w-full px-4 pb-6 font-[Open_Sans]">
       <Tutorial
         tutorialSteps={tutorialSteps}
         type="requests"
         onStepChange={handleTutorialStepChange}
         onTutorialEnd={handleTutorialEnd}
       />
 
-      <h1 className="text-2xl font-semibold text-gray-primary mb-6">
-        My Requests
-      </h1>
+      <div className="flex items-start justify-between">
+        <h1 className="text-2xl font-semibold text-gray-primary m-0">
+          My Requests
+        </h1>
+      </div>
+
+      <div className="h-4"></div>
 
       <AdvancedBaseTable
         ref={tableRef}

src/screens/ProfileScreenPartner.tsx

@@ -245,10 +245,12 @@ export default function ProfileScreenPartner({
   }
 
   return (
-    <div className="max-w-6xl mx-auto py-8 px-6 font-[Open_Sans]">
-      <h1 className="text-[32px] font-bold leading-[40px] text-[#22070B]">
-        Profile
-      </h1>
+    <div className="max-w-6xl mx-auto pb-8 px-6 font-[Open_Sans]">
+      <div className="flex items-start justify-between">
+        <h1 className="text-2xl font-semibold text-gray-primary m-0">
+          Profile
+        </h1>
+      </div>
 
       <div className="mt-6">
         <div className="flex justify-between items-center">

src/screens/Wishlist/AdminWishlistScreen.tsx

@@ -42,8 +42,7 @@ export default function AdminWishlistScreen() {
 
   return (
     <div className="pb-32">
-      <h1 className="text-2xl font-bold text-gray-primary">Wishlists</h1>
-
+      <h1 className="text-2xl font-semibold text-gray-primary">Wishlists</h1>
       {totalItems !== null && totalItems >= 10 ? <WishlistSummary/> :
         <div className="flex justify-end -mb-10 mt-8 mr-28">
           <Question 

src/screens/Wishlist/PartnerWishlistScreen.tsx

@@ -496,7 +496,7 @@ export default function PartnerWishlistScreen({
   ) : null;
 
   return (
-    <div className="pb-32">
+    <div className="w-full px-4 pb-32 font-[Open_Sans]">
       {!readOnly && !partnerId && (
         <Tutorial
           tutorialSteps={tutorialSteps}
@@ -506,9 +506,11 @@ export default function PartnerWishlistScreen({
         />
       )}
 
+      <div className="h-4"></div>
+
       <div className="flex items-start justify-between">
-        <h1 className="text-2xl font-semibold text-gray-primary mb-2">
-          Wishlist
+        <h1 className="text-2xl font-semibold text-gray-primary m-0 -mt-3">
+          My Wishlist
         </h1>
       </div>