updated mock sync group accordions: editing state; cancel editing

styles/index.css

@@ -363,9 +363,15 @@
   .my-\[0\.5em\] {
     margin-block: 0.5em;
   }
+  .my-\[1em\] {
+    margin-block: 1em;
+  }
   .my-\[1rem\] {
     margin-block: 1rem;
   }
+  .mt-\[0\.5em\] {
+    margin-top: 0.5em;
+  }
   .mt-\[0\.25em\] {
     margin-top: 0.25em;
   }
@@ -378,9 +384,18 @@
   .mt-\[3em\] {
     margin-top: 3em;
   }
+  .mb-\[-0\.5em\] {
+    margin-bottom: -0.5em;
+  }
+  .mb-\[-1em\] {
+    margin-bottom: -1em;
+  }
   .mb-\[0\.5em\] {
     margin-bottom: 0.5em;
   }
+  .mb-\[0\] {
+    margin-bottom: 0;
+  }
   .mb-\[1\.25rem\] {
     margin-bottom: 1.25rem;
   }
@@ -459,6 +474,9 @@
   .flex-grow {
     flex-grow: 1;
   }
+  .flex-grow-\[1\] {
+    flex-grow: 1;
+  }
   .grow {
     flex-grow: 1;
   }
@@ -589,12 +607,21 @@
   .bg-accent {
     background-color: var(--accent);
   }
+  .bg-accent-secondary {
+    background-color: var(--accent-secondary);
+  }
   .bg-background {
     background-color: var(--background);
   }
   .bg-card {
     background-color: var(--card);
   }
+  .bg-foreground {
+    background-color: var(--foreground);
+  }
+  .bg-primary {
+    background-color: var(--primary);
+  }
   .p-\[0\.5em\] {
     padding: 0.5em;
   }