Vue lab - fixed CSS

Author: jsanzdev

4 - Frameworks/Ejercicios/VUE/vue-lab/todo-app/components/SearchBar.vue

@@ -22,7 +22,7 @@ const search = () => {
 }
 
 .search-input {
-    width: 100%;
+    width: 98%;
     padding: 0.5rem;
     font-size: 1rem;
 }

4 - Frameworks/Ejercicios/VUE/vue-lab/todo-app/components/TodoLists.vue

@@ -125,7 +125,7 @@ const deleteList = (id: number) => {
 }
 
 .new-list-input input {
-    width: 100%;
+    width: 90%;
     padding: 0.5rem;
     margin-bottom: 0.5rem;
     border: 1px solid #ddd;

4 - Frameworks/Ejercicios/VUE/vue-lab/todo-app/pages/index.vue

@@ -8,8 +8,8 @@
                 {{ showSidebar ? '×' : '☰' }}
             </button>
             <h1>{{ store.activeList?.name || 'Todo App' }}</h1>
-            <TodoInput @add-todo="addTodo" />
             <SearchBar />
+            <TodoInput @add-todo="addTodo" />
             <TodoFilter />
             <TodoList :todos="store.filteredTodos" @toggle="toggleTodo" @delete="deleteTodo" />
             <TodoActions />

4 - Frameworks/Ejercicios/VUE/vue-lab/todo-app/stores/todo-store.ts

@@ -1,6 +1,6 @@
 import { defineStore } from "pinia";
 import { ref, computed } from "vue";
-import type { Todo, FilterType, TodoList } from "~/types/index";
+import type { FilterType, TodoList } from "~/types/index";
 
 export const useTodoStore = defineStore(
   "todos",