adjusting profile field layout

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;
       }
     }
 

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>

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;

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 />