Fixed Settings UI

frontend/src/index.css

@@ -436,18 +436,53 @@ textarea {
 }
 
 .settings-grid {
-  display: block;
-  column-count: 2;
-  column-gap: 1.5rem;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 1.5rem;
+  align-items: start;
 }
 
-.settings-grid > .panel {
-  display: inline-grid;
+.settings-column {
+  display: grid;
+  gap: 1.5rem;
+  align-content: start;
+}
+
+.settings-column > .panel {
+  display: grid;
   width: 100%;
-  margin: 0 0 1.5rem;
+  margin: 0;
   break-inside: avoid;
 }
 
+.settings-card-bird-profiles {
+  order: 1;
+}
+
+.settings-card-collaborators {
+  order: 2;
+}
+
+.settings-card-separate-flock {
+  order: 3;
+}
+
+.settings-card-automation {
+  order: 4;
+}
+
+.settings-card-transfer {
+  order: 5;
+}
+
+.settings-card-flock-profile {
+  order: 1;
+}
+
+.settings-card-billing {
+  order: 2;
+}
+
 .flock-member-panel,
 .flock-member-sections {
   display: grid;
@@ -1303,7 +1338,12 @@ label {
   }
 
   .settings-grid {
-    column-count: 1;
+    grid-template-columns: 1fr;
+  }
+
+  .settings-column,
+  .settings-column > .panel {
+    grid-column: auto;
   }
 
   .side-nav {