Merge pull request #495 from Lemoncode/fixaccessibilitybug/#485-8-Tak…

…e-out-from-theader-edit-and-delete-button #485 8. take out from theader edit and delete button
Lemoncode · May 23, 2024 · 79978b2 · 79978b2
2 parents 58f1ed7 + 85e7673
commit 79978b2
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx b/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx
@@ -28,20 +28,24 @@ export const CollectionAccessible: React.FC<Props> = props => {
     <>
       <h3 ref={collectionRefs.current[table.id]}>
         {table.tableName} collection
-        {!isTabletOrMobileDevice ? (
-          <>
+      </h3>
+      {!isTabletOrMobileDevice ? (
+        <ul>
+          <li>
             <button type="button" onClick={() => onEditTable(table)}>
               Edit {table.tableName} collection
             </button>
+          </li>
+          <li>
             <button
               type="button"
               onClick={() => onDeleteSelectedItem(table.id)}
             >
               Delete {table.tableName} collection
             </button>
-          </>
-        ) : null}
-      </h3>
+          </li>
+        </ul>
+      ) : null}
       <h4>Fields for {table.tableName} collection</h4>
       <FieldList fieldList={table.fields} listName={table.tableName} />
       <TableRelationsAccessible