From 18127e244268102be3ba8acb8ef415a2194a8975 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Sat, 24 Feb 2024 10:51:10 -0800
Subject: [PATCH] adjusting profile field layout

---
 .../src/session/account/profile/Profile.styled.js    |  2 --
 .../account/profile/accountAccess/AccountAccess.jsx  | 12 +++++++++---
 .../profile/accountAccess/AccountAccess.styled.js    |  6 ++++++
 net/web/src/session/cards/Cards.jsx                  |  2 +-
 4 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/net/web/src/session/account/profile/Profile.styled.js b/net/web/src/session/account/profile/Profile.styled.js
index cb50922c..dc68b686 100644
--- a/net/web/src/session/account/profile/Profile.styled.js
+++ b/net/web/src/session/account/profile/Profile.styled.js
@@ -133,7 +133,6 @@ export const ProfileWrapper = styled.div`
     .notset {
       font-style: italic;
       color: ${props => props.theme.hintText};
-      padding-top: 4px;
     }
 
     .name {
@@ -169,7 +168,6 @@ export const ProfileWrapper = styled.div`
   
       .data {
         padding-left: 8px;
-        margin-top: -4px;
       }
     }
 
diff --git a/net/web/src/session/account/profile/accountAccess/AccountAccess.jsx b/net/web/src/session/account/profile/accountAccess/AccountAccess.jsx
index d55049ac..a0ba6ecb 100644
--- a/net/web/src/session/account/profile/accountAccess/AccountAccess.jsx
+++ b/net/web/src/session/account/profile/accountAccess/AccountAccess.jsx
@@ -98,15 +98,21 @@ export function AccountAccess() {
         <div className="section">{state.strings.account}</div>
         <div className="controls">
           <div className="switch">
-            <Switch size="small" checked={state.searchable} onChange={enable => saveSearchable(enable)} />
+            <div className="control">
+              <Switch size="small" checked={state.searchable} onChange={enable => saveSearchable(enable)} />
+            </div>
             <div className="switchLabel">{state.strings.registry}</div>
           </div>
           <div className="link" onClick={actions.setEditSeal}>
-            <SettingOutlined />
+            <div className="control">
+              <SettingOutlined />
+            </div>
             <div className="label">{state.strings.sealedTopics}</div>
           </div>
           <div className="link" onClick={actions.setEditLogin}>
-            <LockOutlined />
+            <div className="control">
+              <LockOutlined />
+            </div>
             <div className="label">{state.strings.changeLogin}</div>
           </div>
         </div>
diff --git a/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js b/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js
index e9aa34a4..3720d0d7 100644
--- a/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js
+++ b/net/web/src/session/account/profile/accountAccess/AccountAccess.styled.js
@@ -25,6 +25,12 @@ export const AccountAccessWrapper = styled.div`
     padding: 8px;
     width: fit-content;
 
+    .control {
+      min-width: 32px;
+      display: flex;
+      justify-content: flex-end;
+    }
+
     .option {
       display: flex;
       padding-top: 8px;
diff --git a/net/web/src/session/cards/Cards.jsx b/net/web/src/session/cards/Cards.jsx
index 9a6a9c0a..b73367a8 100644
--- a/net/web/src/session/cards/Cards.jsx
+++ b/net/web/src/session/cards/Cards.jsx
@@ -59,7 +59,7 @@ export function Cards({ closeCards, openContact, openChannel, openListing }) {
         <div className="inline">
           <Button type="primary" icon={<UserOutlined />} onClick={openListing}>Add</Button>
         </div>
-        { state.display !== 'small' && (
+        { state.display === 'xlarge' && (
           <div className="inline">
             <div className="dismiss" onClick={closeCards} >
               <RightOutlined />