From 65ce1de445b1af69e73cddf775d5bf17d5f59681 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 16 Jan 2021 16:50:13 +0100
Subject: [PATCH] Fix filter container positioning in link shares

---
 src/styles/components/list.scss | 15 +++++++++++++++
 src/views/list/views/Kanban.vue |  2 +-
 src/views/list/views/List.vue   |  2 +-
 src/views/list/views/Table.vue  | 21 +++++++--------------
 4 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/src/styles/components/list.scss b/src/styles/components/list.scss
index 4b7e41cf3..cabd2d73a 100644
--- a/src/styles/components/list.scss
+++ b/src/styles/components/list.scss
@@ -139,6 +139,21 @@
   }
 }
 
+.link-share-container .filter-container {
+  right: 9rem;
+  margin-top: -56px;
+}
+
+.link-share-container {
+  .list-view .filter-container {
+    margin-top: -44px;
+  }
+
+  .gantt-chart-container .filter-container {
+    margin-top: -133px;
+  }
+}
+
 .list-namespace-title {
   color: $grey;
 }
diff --git a/src/views/list/views/Kanban.vue b/src/views/list/views/Kanban.vue
index 2569321cf..ca0bf992a 100644
--- a/src/views/list/views/Kanban.vue
+++ b/src/views/list/views/Kanban.vue
@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div class="kanban-view">
 		<div class="filter-container" v-if="list.isSavedFilter && !list.isSavedFilter()">
 			<div class="items">
 				<button @click="showFilters = !showFilters" class="button">
diff --git a/src/views/list/views/List.vue b/src/views/list/views/List.vue
index 296aebe38..592e9c5ab 100644
--- a/src/views/list/views/List.vue
+++ b/src/views/list/views/List.vue
@@ -1,5 +1,5 @@
 <template>
-	<div :class="{ 'is-loading': taskCollectionService.loading}" class="loader-container is-max-width-desktop">
+	<div :class="{ 'is-loading': taskCollectionService.loading}" class="loader-container is-max-width-desktop list-view">
 		<div class="filter-container" v-if="list.isSavedFilter && !list.isSavedFilter()">
 			<div class="items">
 				<div class="search">
diff --git a/src/views/list/views/Table.vue b/src/views/list/views/Table.vue
index 5e2ba82da..024ae54ba 100644
--- a/src/views/list/views/Table.vue
+++ b/src/views/list/views/Table.vue
@@ -23,23 +23,16 @@
 						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.id">#</fancycheckbox>
 						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.done">Done</fancycheckbox>
 						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.title">Title</fancycheckbox>
-						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.priority">Priority
-						</fancycheckbox>
+						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.priority">Priority</fancycheckbox>
 						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.labels">Labels</fancycheckbox>
-						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.assignees">Assignees
-						</fancycheckbox>
-						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.dueDate">Due Date
-						</fancycheckbox>
-						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.startDate">Start Date
-						</fancycheckbox>
-						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.endDate">End Date
-						</fancycheckbox>
-						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.percentDone">% Done
-						</fancycheckbox>
+						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.assignees">Assignees</fancycheckbox>
+						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.dueDate">Due Date</fancycheckbox>
+						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.startDate">Start Date</fancycheckbox>
+						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.endDate">End Date</fancycheckbox>
+						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.percentDone">% Done</fancycheckbox>
 						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.created">Created</fancycheckbox>
 						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.updated">Updated</fancycheckbox>
-						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.createdBy">Created By
-						</fancycheckbox>
+						<fancycheckbox @change="saveTaskColumns" v-model="activeColumns.createdBy">Created By</fancycheckbox>
 					</div>
 				</div>
 				<filters