feat: divide most list.scss styles into components

- list-card.vue and the Home.vue
- listSearch.vue
- topNavigation.vue
- EditTeam.vue
- List.vue
- ShowList.vue

src/views/Home.vue

@@ -141,3 +141,15 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.list-cards-wrapper-2-rows {
+	flex-wrap: wrap;
+	max-height: calc(#{$list-height * 2} + #{$list-spacing * 2} - 4px);
+	overflow: hidden;
+	
+	@media screen and (max-width: $mobile) {
+		max-height: calc(#{$list-height * 4} + #{$list-spacing * 4} - 4px);
+	}
+}
+</style>

src/views/list/ShowList.vue

@@ -148,3 +148,9 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.is-archived .notification.is-warning {
+  margin-bottom: 1rem;
+}
+</style>

src/views/list/views/List.vue

@@ -309,3 +309,9 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.list-view .task-add {
+	padding: 1rem 1rem 0;
+}
+</style>

src/views/teams/EditTeam.vue

@@ -298,3 +298,13 @@ export default {
 	},
 }
 </script>
+
+<style lang="scss" scoped>
+.card.is-fullwidth {
+  margin-bottom: 1rem;
+
+  .content {
+    padding: 0;
+  }
+}
+</style>