From 85e76734a7241212b0bb20b6f1939fa8de85cbf6 Mon Sep 17 00:00:00 2001
From: Leticia de la Osa <deletidev@gmail.com>
Date: Thu, 23 May 2024 09:10:20 +0200
Subject: [PATCH] canvas accessibility removed header buttons

---
 .../components/collection-accessible.component.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 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
index 22aa3699..69ec8c4e 100644
--- 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