fix(settings): equal columns, form-style option transfers, compact export

Co-authored-by: Cursor <cursoragent@cursor.com>

lib/common/static/instance_theme.css

@@ -2184,7 +2184,7 @@ html[data-theme="light"] .journal-detail-img-thumb {
 
 .settings-cards-grid {
   display: grid;
-  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 1fr);
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   gap: 12px;
   align-items: stretch;
 }
@@ -2197,46 +2197,34 @@ html[data-theme="light"] .journal-detail-img-thumb {
 .settings-side-col {
   display: flex;
   flex-direction: column;
-  gap: 0;
   align-self: stretch;
-  height: 100%;
-  min-height: 0;
 }
 
 .settings-card--side-panel {
   height: 100%;
-  min-height: 0;
   display: flex;
   flex-direction: column;
   padding: 10px 12px;
-  overflow: hidden;
 }
 
 .settings-side-subcards {
   display: flex;
   flex-direction: column;
-  gap: 8px;
+  gap: 10px;
   flex: 1 1 auto;
-  min-height: 0;
 }
 
 .settings-side-subcards > .settings-subcard {
-  flex: 1 1 0;
-  min-height: 0;
-  overflow-y: auto;
+  flex: 0 0 auto;
   padding: 8px 10px;
   margin: 0;
 }
 
-.settings-side-subcards > .settings-subcard--export {
-  flex: 0 0 auto;
-  overflow: visible;
-}
-
 .settings-subcard-desc {
   font-size: 0.7rem;
   margin: 0 0 6px;
   line-height: 1.4;
+  color: var(--muted, #8892b0);
 }
 
 .settings-card--risk {
@@ -2246,28 +2234,46 @@ html[data-theme="light"] .journal-detail-img-thumb {
   flex-direction: column;
 }
 
-.settings-link-list--export {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 6px;
+.settings-side-export {
+  flex: 0 0 auto;
+  margin-top: auto;
+  padding-top: 8px;
+  border-top: 1px solid var(--border-soft, #2a3150);
 }
 
-.settings-link-list--export .settings-export-link {
+.settings-side-export-head {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: 7px 5px;
-  font-size: 0.7rem;
-  line-height: 1.25;
-  min-height: 32px;
-  word-break: break-word;
+  align-items: baseline;
+  gap: 8px;
+  margin-bottom: 4px;
 }
 
-@media (max-width: 520px) {
-  .settings-link-list--export {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
+.settings-side-export-label {
+  font-size: 0.72rem;
+  font-weight: 600;
+  color: #a8b0cc;
+}
+
+.settings-side-export-meta {
+  font-size: 0.68rem;
+}
+
+.settings-export-links-inline {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 4px 12px;
+}
+
+.settings-export-links-inline a {
+  font-size: 0.72rem;
+  color: #8fc8ff;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.settings-export-links-inline a:hover {
+  text-decoration: underline;
 }
 
 .settings-card--compact {
@@ -2863,84 +2869,6 @@ html[data-theme="light"] .settings-export-link {
   margin: 0 0 6px;
   line-height: 1.45;
 }
-.options-transfer-compact {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-
-.options-transfer-block {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.options-transfer-head {
-  font-size: 0.72rem;
-  font-weight: 600;
-  color: #a8b0cc;
-  line-height: 1.3;
-}
-
-.options-transfer-line {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: 5px;
-}
-
-.options-transfer-acct {
-  font-size: 0.68rem;
-  color: #8892b0;
-  white-space: nowrap;
-  padding: 0 2px;
-}
-
-.opt-set-chip-group {
-  display: inline-flex;
-  border: 1px solid var(--border-soft, #2a3150);
-  border-radius: 6px;
-  overflow: hidden;
-  flex-shrink: 0;
-}
-
-.opt-set-chip {
-  border: none;
-  background: transparent;
-  color: #a8b0cc;
-  font-size: 0.68rem;
-  line-height: 1.2;
-  padding: 4px 7px;
-  cursor: pointer;
-  white-space: nowrap;
-}
-
-.opt-set-chip:hover {
-  background: rgba(143, 200, 255, 0.08);
-  color: #cfd3ef;
-}
-
-.opt-set-chip.active {
-  background: #1f3a5a;
-  color: #8fc8ff;
-}
-
-.opt-set-amount {
-  width: 72px;
-  min-width: 64px;
-  font-size: 0.72rem;
-  padding: 4px 6px;
-  min-height: 26px;
-}
-
-.options-swap-compact .options-settings-hint {
-  margin: 0 0 5px;
-}
-
-.options-swap-compact .options-transfer-line {
-  margin-bottom: 0;
-}
-
 .options-settings-msg {
   font-size: 0.68rem;
   margin-top: 2px;