update settings

src/components/settings-modal/crypto-address-setting/crypto-address-setting.module.css

@@ -1,3 +1,37 @@
+.setting {
+  margin-left: 10px;
+}
+
+.setting button {
+  cursor: pointer;
+  text-transform: capitalize;
+}
+
+.cryptoAddressInput input[type="text"] {
+  padding: 2px 0;
+  margin-bottom: 5px;
+  outline: none;
+  border: 1px solid #aaa;
+  padding: 2px 4px 3px;
+}
+
+.infoButton {
+  padding: 0 5px;
+}
+
+.cryptoAddressInfo {
+  word-break: break-word;
+}
+
+.cryptoAddressInfo ol {
+  padding-bottom: 10px;
+  padding-left: 15px;
+}
+
+.saveButton {
+  margin: 0 5px;
+}
+
 .red {
   color: red;
 }

src/components/settings-modal/crypto-address-setting/crypto-address-setting.tsx

@@ -109,12 +109,12 @@ const CryptoAddressSetting = () => {
           defaultValue={cryptoState.cryptoAddress || (account?.author?.shortAddress.includes('.') ? account.author.shortAddress : '')}
           onChange={(e) => setCryptoState((prevState) => ({ ...prevState, cryptoAddress: e.target.value }))}
         />
+        <button className={styles.saveButton} onClick={saveCryptoAddress}>
+          {t('save')}
+        </button>
         <button className={styles.infoButton} onClick={() => setShowCryptoAddressInfo(!showCryptoAddressInfo)}>
           {showCryptoAddressInfo ? 'x' : '?'}
         </button>
-        <button className={styles.button} onClick={saveCryptoAddress}>
-          {t('save')}
-        </button>
         {showCryptoAddressInfo && (
           <div className={styles.cryptoAddressInfo}>
             steps to set a .eth user address: