add small menu

resources/js/views/Memo/MemoCreate.vue

@@ -4,13 +4,13 @@
             <a href="#" @click="$router.back()" class="link">
                 < Back
             </a>
+            <button @click="$router.back()" class="btn-alert mr-1">Cancel</button>
         </div>
         <form @submit.prevent="submitForm">
             <InputField name="name" label="Title" placeholder="Your Title" @update:field="form.name = $event" :errors="errors" />
             <TextAreaField class="memo-text-area" name="memo" placeholder="Your Memo" @update:field="form.memo = $event" :errors="errors" />
 
             <div class="flex-end">
-                <button @click="$router.back()" class="btn-alert mr-1">Cancel</button>
                 <button class="btn-primary">Add New Memo</button>
             </div>
         </form>

resources/js/views/Memo/MemoEdit.vue

@@ -4,13 +4,13 @@
             <a href="#" @click="$router.back()" class="link">
                 < Back
             </a>
+            <button class="btn-alert mr-1">Cancel</button>
         </div>
         <form @submit.prevent="submitForm">
             <InputField name="name" :data="form.name" label="Title" placeholder="Your Title" @update:field="form.name = $event" :errors="errors" />
             <TextAreaField class="memo-text-area" name="memo" :data="form.memo" placeholder="Your Memo" @update:field="form.memo = $event" :errors="errors" />
 
             <div class="flex-end">
-                <button class="btn-alert mr-1">Cancel</button>
                 <button class="btn-primary">Save</button>
             </div>
 

resources/js/views/Memo/MemoIndex.vue

@@ -7,16 +7,15 @@
             <router-link :to="'/memos/create'" class="btn-primary">Add New Memo</router-link>
         </div>
         <div v-if="loading">> Loading...</div>
-        <div v-else>
+        <div v-else class="container-cards-list">
             <div v-if="memos.lenght === 0">
                 <p>No memos yet. <router-link to="/memos/create">Get Started ></router-link></p>
             </div>
-            <div v-for="memo in memos" class="memo-list">
-                <router-link :to="'/memos/' + memo.data.memo_id" class="relative flex-center flex-between p-1">
+            <div v-for="memo in memos" class="card">
+                <router-link :to="'/memos/' + memo.data.memo_id">
                     <h1>{{ memo.data.name }}</h1>
                     <div class="memo-date">{{ memo.data.last_updated }}</div>
                 </router-link>
-
             </div>
         </div>
     </div>