fix check box positioning

Author: sethbern

bases/rsptx/assignment_server_api/assignment_builder/src/components/routes/AssignmentBuilder/AssignmentBuilder.module.css

@@ -74,7 +74,7 @@
 .typeCell {
   display: flex;
   flex-direction: row;
-  align-items: flex-end;
+  align-items: flex-start;
   gap: 0.5rem;
 }
 
@@ -83,7 +83,7 @@
   flex-direction: column;
   align-items: center;
   gap: 0.2rem;
-  padding-bottom: 0.25rem;
+  padding-top: 0.25rem;
   cursor: pointer;
   user-select: none;
 }

bases/rsptx/assignment_server_api/assignment_builder/src/components/routes/AssignmentBuilder/components/list/AssignmentList.tsx

@@ -105,13 +105,13 @@ export const AssignmentList = ({
       </span>
       {rowData.kind === "Peer" && (
         <label className={styles.asyncPeerGroup}>
+          <span className={styles.asyncPeerText}>Async Peer</span>
           <Checkbox
             checked={rowData.peer_async_visible}
             onChange={(e) => onPeerAsyncChange(rowData, !!e.checked)}
             tooltip={rowData.peer_async_visible ? "Disable async peer" : "Enable async peer"}
             tooltipOptions={{ position: "top" }}
           />
-          <span className={styles.asyncPeerText}>Async Peer</span>
         </label>
       )}
     </div>