From f24f11e59ba30c58abc46ee23dbcd93a14338cdc Mon Sep 17 00:00:00 2001
From: Alejandro Gomez <alejandro@strike.me>
Date: Sun, 12 Feb 2023 21:19:31 +0100
Subject: [PATCH] settings fixes

---
 .../app/src/Pages/settings/Preferences.tsx    | 128 +++++++++---------
 1 file changed, 64 insertions(+), 64 deletions(-)

diff --git a/packages/app/src/Pages/settings/Preferences.tsx b/packages/app/src/Pages/settings/Preferences.tsx
index ebb1d891..ac9ab0f4 100644
--- a/packages/app/src/Pages/settings/Preferences.tsx
+++ b/packages/app/src/Pages/settings/Preferences.tsx
@@ -58,28 +58,28 @@ const PreferencesPage = () => {
           <small>
             <FormattedMessage {...messages.AutoloadMediaHelp} />
           </small>
-        </div>
-        <div>
-          <select
-            value={perf.autoLoadMedia}
-            onChange={e =>
-              dispatch(
-                setPreferences({
-                  ...perf,
-                  autoLoadMedia: e.target.value,
-                } as UserPreferences)
-              )
-            }>
-            <option value="none">
-              <FormattedMessage {...messages.None} />
-            </option>
-            <option value="follows-only">
-              <FormattedMessage {...messages.FollowsOnly} />
-            </option>
-            <option value="all">
-              <FormattedMessage {...messages.All} />
-            </option>
-          </select>
+          <div className="mt10">
+            <select
+              value={perf.autoLoadMedia}
+              onChange={e =>
+                dispatch(
+                  setPreferences({
+                    ...perf,
+                    autoLoadMedia: e.target.value,
+                  } as UserPreferences)
+                )
+              }>
+              <option value="none">
+                <FormattedMessage {...messages.None} />
+              </option>
+              <option value="follows-only">
+                <FormattedMessage {...messages.FollowsOnly} />
+              </option>
+              <option value="all">
+                <FormattedMessage {...messages.All} />
+              </option>
+            </select>
+          </div>
         </div>
       </div>
       <div className="card flex f-col">
@@ -215,30 +215,30 @@ const PreferencesPage = () => {
           <small>
             <FormattedMessage {...messages.ReactionEmojiHelp} />
           </small>
-        </div>
-        <div>
-          <select
-            className="emoji-selector"
-            value={perf.reactionEmoji}
-            onChange={e =>
-              dispatch(
-                setPreferences({
-                  ...perf,
-                  reactionEmoji: e.target.value,
-                } as UserPreferences)
-              )
-            }>
-            <option value="+">
-              + <FormattedMessage {...messages.Default} />
-            </option>
-            {emoji("").map(({ name, char }) => {
-              return (
-                <option value={char}>
-                  {name} {char}
-                </option>
-              );
-            })}
-          </select>
+          <div className="mt10">
+            <select
+              className="emoji-selector"
+              value={perf.reactionEmoji}
+              onChange={e =>
+                dispatch(
+                  setPreferences({
+                    ...perf,
+                    reactionEmoji: e.target.value,
+                  } as UserPreferences)
+                )
+              }>
+              <option value="+">
+                + <FormattedMessage {...messages.Default} />
+              </option>
+              {emoji("").map(({ name, char }) => {
+                return (
+                  <option value={char}>
+                    {name} {char}
+                  </option>
+                );
+              })}
+            </select>
+          </div>
         </div>
       </div>
       <div className="card flex">
@@ -283,24 +283,24 @@ const PreferencesPage = () => {
           <small>
             <FormattedMessage {...messages.FileUploadHelp} />
           </small>
-        </div>
-        <div>
-          <select
-            value={perf.fileUploader}
-            onChange={e =>
-              dispatch(
-                setPreferences({
-                  ...perf,
-                  fileUploader: e.target.value,
-                } as UserPreferences)
-              )
-            }>
-            <option value="void.cat">
-              void.cat <FormattedMessage {...messages.Default} />
-            </option>
-            <option value="nostr.build">nostr.build</option>
-            <option value="nostrimg.com">nostrimg.com</option>
-          </select>
+          <div className="mt10">
+            <select
+              value={perf.fileUploader}
+              onChange={e =>
+                dispatch(
+                  setPreferences({
+                    ...perf,
+                    fileUploader: e.target.value,
+                  } as UserPreferences)
+                )
+              }>
+              <option value="void.cat">
+                void.cat <FormattedMessage {...messages.Default} />
+              </option>
+              <option value="nostr.build">nostr.build</option>
+              <option value="nostrimg.com">nostrimg.com</option>
+            </select>
+          </div>
         </div>
       </div>
       <div className="card flex">