Avoid overlapping state buttons and task list

frontend/components/TaskList.vue

@@ -8,6 +8,7 @@
 		/>
 		<TaskDialog v-model="showTaskDialog" :task="currentTask" />
 
+		<v-row class="px-4 pt-4">
 			<v-btn-toggle v-model="status" mandatory background-color="rgba(0, 0, 0, 0)">
 			<v-row class="pa-3">
 				<v-btn
@@ -34,7 +35,9 @@
 				</v-btn>
 			</v-row>
 		</v-btn-toggle>
+  </v-row>
 
+  <v-row class="px-4 pt-4">
 		<v-data-table
 			:items="classifiedTasks[status]"
 			:headers="headers"
@@ -43,6 +46,7 @@
 			:item-class="rowClass"
 			v-model="selected"
 			class="elevation-1"
+			style="width: 100%"
 		>
 			<template v-slot:top>
 				<v-row class="px-4">
@@ -176,6 +180,7 @@
 				</v-icon>
 			</template>
 		</v-data-table>
+  </v-row>
   </div>
 </template>