Merge pull request #495 from Lemoncode/fixaccessibilitybug/#485-8-Take-out-from-theader-edit-and-delete-button

#485 8. take out from theader edit and delete button

Author: brauliodiez

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