ui: reorder sidebar footer, import/export tab, and subscription actions

1 files changed, 12 insertions, 12 deletions

diff --git a/apps/web/app/reader/settings/_components/subscriptions-settings.tsx b/apps/web/app/reader/settings/_components/subscriptions-settings.tsx
index 7ac037d..aa052a4 100644
--- a/apps/web/app/reader/settings/_components/subscriptions-settings.tsx
+++ b/apps/web/app/reader/settings/_components/subscriptions-settings.tsx
@@ -281,6 +281,18 @@ function SubscriptionRow({
         </div>
       ) : null}
       <div className="flex flex-wrap items-center gap-2">
+        <select
+          value={subscription.folderIdentifier ?? ""}
+          onChange={(event) => handleFolderChange(event.target.value)}
+          className="border border-border bg-background-primary px-2 py-1 text-text-secondary outline-none"
+        >
+          <option value="">no folder</option>
+          {folderOptions.map((folder) => (
+            <option key={folder.identifier} value={folder.identifier}>
+              {folder.name}
+            </option>
+          ))}
+        </select>
         <button
           onClick={() =>
             updateHiddenFromTimeline.mutate({
@@ -297,18 +309,6 @@ function SubscriptionRow({
         >
           {subscription.hiddenFromTimeline ? "hidden from timeline" : "hide from timeline"}
         </button>
-        <select
-          value={subscription.folderIdentifier ?? ""}
-          onChange={(event) => handleFolderChange(event.target.value)}
-          className="border border-border bg-background-primary px-2 py-1 text-text-secondary outline-none"
-        >
-          <option value="">no folder</option>
-          {folderOptions.map((folder) => (
-            <option key={folder.identifier} value={folder.identifier}>
-              {folder.name}
-            </option>
-          ))}
-        </select>
         {(userProfile?.tier === "pro" || userProfile?.tier === "developer") && (
           <button
             onClick={() =>