Move table view to card

src/styles/theme/background.scss

@@ -9,11 +9,6 @@
     background: $transparent-background-light;
   }
 
-  .table-view .table {
-    background: $transparent-background-light;
-    border-radius: $radius;
-  }
-
   .pagination-link:not(.is-current) {
     background: $light-background;
   }

src/views/list/views/Table.vue

@@ -41,7 +41,8 @@
 			/>
 		</div>
 
-		<table class="table is-hoverable is-fullwidth">
+		<card :padding="false" :has-content="false">
+			<table class="table is-hoverable is-fullwidth mb-0">
 				<thead>
 				<tr>
 					<th v-if="activeColumns.id">
@@ -147,7 +148,7 @@
 
 			<nav
 				aria-label="pagination"
-			class="pagination is-centered"
+				class="pagination is-centered p-4"
 				role="navigation"
 				v-if="taskCollectionService.totalPages > 1">
 				<router-link
@@ -179,6 +180,7 @@
 					</template>
 				</ul>
 			</nav>
+		</card>
 
 		<!-- This router view is used to show the task popup while keeping the table view itself -->
 		<transition name="modal">