menu items alignment and i item

Author: LianaHus

libs/remix-ui/run-tab/src/lib/components/account.tsx

@@ -212,6 +212,7 @@ export function AccountUI(props: AccountProps) {
               </a>
             )
           })}</span>
+          <label className="mt-3">Authorization Address</label>
           <input className='border form-control' data-id="create-delegation-authorization-input" onChange={handleDelegationAuthorizationAddressRef} />
         </div>
       ),
@@ -386,16 +387,25 @@ export function AccountUI(props: AccountProps) {
       <label className="udapp_settingsLabel">
         <FormattedMessage id="udapp.account" />
         {!smartAccountSelected ? <CustomTooltip placement={'top'} tooltipClasses="text-wrap" tooltipId="remixPlusWrapperTooltip" tooltipText={plusOpt.title}>
-          <span id="remixRunPlusWrapper">
-            <i id="remixRunPlus" className={`ml-2 fas fa-plus udapp_icon ${plusOpt.classList}`} aria-hidden="true" onClick={newAccount}></i>
+          <span className="px-1" id="remixRunPlusWrapper">
+            <i id="remixRunPlus" className={`fas fa-plus udapp_icon ${plusOpt.classList}`} aria-hidden="true" onClick={newAccount}></i>
           </span>
         </CustomTooltip> : null }
         {!smartAccountSelected ? <CustomTooltip placement={'top'} tooltipClasses="text-nowrap" tooltipId="remixSignMsgTooltip" tooltipText={<FormattedMessage id="udapp.signMsgUsingAccount" />}>
-          <i id="remixRunSignMsg" data-id="settingsRemixRunSignMsg" className="ml-2 fas fa-edit udapp_icon" aria-hidden="true" onClick={signMessage}></i>
+          <i id="remixRunSignMsg" data-id="settingsRemixRunSignMsg" className="mx-1 fas fa-edit udapp_icon" aria-hidden="true" onClick={signMessage}></i>
         </CustomTooltip> : null }
-        <span >
-          <CopyToClipboard className="fas fa-copy ml-2 p-0" tip={intl.formatMessage({ id: 'udapp.copyAccount' })} content={selectedAccount} direction="top" />
-        </span>
+        {!smartAccountSelected ?
+          <span className='mx-1'>
+            <CopyToClipboard className="fas fa-copy p-0" tip={intl.formatMessage({ id: 'udapp.copyAccount' })} content={selectedAccount} direction="top" />
+          </span>
+          : null }
+        { enableDelegationAuthorization ? (<span className="mx-1 mt-1">
+          <CustomTooltip placement={'top'} tooltipClasses="text-wrap" tooltipId="remixDelegationAuthTooltip" tooltipText={"Using EIP 7702 in Remix"}>
+            <a href={"https://remix-ide.readthedocs.io/en/latest/account-abstraction-7702.html#using-eip-7702-in-remix"} className="titleInfo p-0 mb-2" target="_blank" rel="noreferrer">
+              <i aria-hidden="true" className="ml-0 fas fa-info align-self-center"></i>
+            </a>
+          </CustomTooltip>
+        </span>) : null }
         {props.accounts.isRequesting && <i className="fa fa-spinner fa-pulse ml-2" aria-hidden="true"></i>}
       </label>
       <div className="udapp_account">
@@ -423,7 +433,7 @@ export function AccountUI(props: AccountProps) {
       </div>
       { contractHasDelegation ?
         <span className="alert-info badge badge-secondary">
-            Delegation: {shortenAddress(delegationAuthorizationAddressRef.current || "")}
+          Delegation: {shortenAddress(delegationAuthorizationAddressRef.current || "")}
           <CopyToClipboard className="fas fa-copy ml-2 text-primary" content={delegationAuthorizationAddressRef.current} direction="top" />
           <a><span data-id="delete-delegation" style={{ padding: 'padding: 0.15rem' }} onClick={() => deleteDelegation()}>
             <CustomTooltip placement="top" tooltipClasses="text-nowrap" tooltipId="udapp_deleteDelegation" tooltipText="Remove delegation">