fix: filter button alignments and backgrounds for link shares

src/styles/components/list.scss

@@ -6,7 +6,7 @@
 // - Table.vue
 
 $filter-container-top-default: -59px;
-$filter-container-top-link-share-gantt: -138px;
+$filter-container-top-link-share-gantt: -133px;
 $filter-container-top-link-share-list: -47px;
 
 .filter-container {
@@ -91,14 +91,21 @@ $filter-container-top-link-share-list: -47px;
 .link-share-container .gantt-chart-container .filter-container,
 .gantt-chart-container .filter-container {
   right: 0;
-  margin-top: calc(#{$filter-container-top-link-share-gantt} - 2rem);
+  margin-top: calc(#{$filter-container-top-link-share-gantt - 2} - 7rem);
+}
+
+.link-share-container .gantt-chart-container .filter-container {
+  margin-top: calc(#{$filter-container-top-link-share-gantt} - 5rem);
 }
 
 .link-share-container .list-view .filter-container {
   margin-top: $filter-container-top-link-share-list - 10px;
 }
 
-.link-share-container .filter-container {
+.link-share-container.list\.table-view,
+.link-share-container.list\.list-view {
+  .filter-container {
     right: 9rem;
     margin-top: $filter-container-top-default;
   }
+}

src/styles/theme/link-share.scss

@@ -17,7 +17,7 @@
 }
 
 .link-share-container {
-  &.has-background,
+	&.list\.gantt-view,
   &.list\.kanban-view {
     .container {
       max-width: 100vw;

src/views/list/ListGantt.vue

@@ -1,7 +1,7 @@
 <template>
 	<ListWrapper class="list-gantt" :list-id="props.listId" viewName="gantt">
 		<template #header>
-		<div class="gantt-options p-4">
+			<card class="gantt-options">
 				<fancycheckbox class="is-block" v-model="showTaskswithoutDates">
 					{{ $t('list.gantt.showTasksWithoutDates') }}
 				</fancycheckbox>
@@ -43,7 +43,7 @@
 						</div>
 					</div>
 				</div>
-		</div>
+			</card>
 		</template>
 
 		<template #default>
@@ -113,6 +113,7 @@ const flatPickerConfig = computed(() => ({
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
+	margin-bottom: 1rem;
 
 	@media screen and (max-width: $tablet) {
 		flex-direction: column;
@@ -166,4 +167,13 @@ const flatPickerConfig = computed(() => ({
 .vdr.active::before {
 	display: none;
 }
+
+.link-share-view:not(.has-background) .card.gantt-options {
+	border: none;
+	box-shadow: none;
+
+	.card-content {
+		padding: .5rem;
+	}
+}
 </style>

src/views/list/ListList.vue

@@ -373,4 +373,9 @@ export default defineComponent({
 .list-view .task-add {
 	padding: 1rem 1rem 0;
 }
+
+.link-share-view .card {
+  border: none;
+  box-shadow: none;
+}
 </style>

src/views/list/ListTable.vue

@@ -308,4 +308,9 @@ const taskDetailRoutes = computed(() => Object.fromEntries(
 		margin: 2rem 0 1rem;
 	}
 }
+
+.link-share-view .card {
+  border: none;
+  box-shadow: none;
+}
 </style>