refact theme todo with bug drag

resources/js/views/ToDoLists/ToDoListIndex.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="p-4">
+    <div class="mx-2 p-2">
         <div v-if="modal" class="modal-container" @click="modal = ! modal"></div>
         <div v-if="modal" class="modal px-2">
             <p class="m-2 text-center">Add a new to-do list ?</p>
@@ -22,8 +22,8 @@
                       :key="index"
                       :to="'/to-do-lists/' + toDoList.data.to_do_list_id"
                       :to-do-list="toDoList"
-                      class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" >
-                <div class="bg-gray-300 rounded text-black m-2 p-2">
+                      class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 no-underline" >
+                <div class="rounded bg-white text-black m-2 p-2">
                     <div class="flex justify-between">
                         <span class="font-bold">{{ toDoList.data.attributes.data.name }}</span>
                         <span>