From 2be89bf306a80b8b5fed0c883e01445fd78f14c8 Mon Sep 17 00:00:00 2001
From: Roland Osborne <rolandosborne@gmail.com>
Date: Tue, 22 Mar 2022 11:11:15 -0700
Subject: [PATCH] styling profile page

---
 net/web/src/Create/Create.styled.js            | 3 ++-
 net/web/src/Login/Login.styled.js              | 1 +
 net/web/src/User/Profile/Profile.styled.js     | 7 +++++--
 net/web/src/User/SideBar/Identity/Identity.jsx | 3 +++
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/net/web/src/Create/Create.styled.js b/net/web/src/Create/Create.styled.js
index 2823e33a..e9c4c3fa 100644
--- a/net/web/src/Create/Create.styled.js
+++ b/net/web/src/Create/Create.styled.js
@@ -62,4 +62,5 @@ export const CreateLogin = styled(Button)`
 
 export const CreateSpin = styled(Spin)`
   position: absolute;
-`
+  z-index: 10;
+`;
diff --git a/net/web/src/Login/Login.styled.js b/net/web/src/Login/Login.styled.js
index 0fb68a5d..5880be0f 100644
--- a/net/web/src/Login/Login.styled.js
+++ b/net/web/src/Login/Login.styled.js
@@ -62,4 +62,5 @@ export const LoginCreate = styled(Button)`
 
 export const LoginSpin = styled(Spin)`
   position: absolute;
+  z-index: 10;
 `;
diff --git a/net/web/src/User/Profile/Profile.styled.js b/net/web/src/User/Profile/Profile.styled.js
index 2779762f..20835795 100644
--- a/net/web/src/User/Profile/Profile.styled.js
+++ b/net/web/src/User/Profile/Profile.styled.js
@@ -8,14 +8,16 @@ export const ProfileWrapper = styled.div`
   background-color: #f6f5ed;
   border-radius: 2px;
   flex-direction: column;
-  padding: 16px;
   align-items: center;
+  overflow: hidden;
 
   .header {
     display: flex;
     width: 100%;
     flex-direction: row;
-    padding-bottom: 3em;
+    align-items: center;
+    background-color: #dddddd;
+    height: 72px;
   }
 
   .title {
@@ -35,6 +37,7 @@ export const ProfileWrapper = styled.div`
     flex-direction: row;
     padding: 1em;
     width: 66%;
+    margin-top: 32px;
   }
 
   .logo {
diff --git a/net/web/src/User/SideBar/Identity/Identity.jsx b/net/web/src/User/SideBar/Identity/Identity.jsx
index a9223975..b464c634 100644
--- a/net/web/src/User/SideBar/Identity/Identity.jsx
+++ b/net/web/src/User/SideBar/Identity/Identity.jsx
@@ -24,6 +24,9 @@ export function Identity() {
       <Menu.Item key="0">
         <div onClick={() => actions.editProfile()}>Edit Profile</div>
       </Menu.Item>
+      <Menu.Item key="1">
+        <div>Change Login</div>
+      </Menu.Item>
       <Menu.Item key="2">
         <div onClick={() => actions.logout()}>Sign Out</div>
       </Menu.Item>