feat: merge gantt.scss with component styles

src/views/list/views/Gantt.vue

@@ -103,4 +103,68 @@ export default {
 		},
 	},
 }
-</script>
+</script>
+
+<style lang="scss">
+.gantt-chart-container {
+	padding-bottom: 1rem;
+}
+
+.gantt-options {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+
+	@media screen and (max-width: $tablet) {
+		flex-direction: column;
+	}
+
+	.range-picker {
+		display: flex;
+		margin-bottom: 1rem;
+		width: 50%;
+
+		@media screen and (max-width: $tablet) {
+			flex-direction: column;
+			width: 100%;
+		}
+
+		.field {
+			margin-bottom: 0;
+			width: 33%;
+
+			&:not(:last-child) {
+				padding-right: .5rem;
+			}
+
+			@media screen and (max-width: $tablet) {
+				width: 100%;
+				max-width: 100%;
+				margin-top: .5rem;
+				padding-right: 0 !important;
+			}
+
+			&, .input {
+				font-size: .8rem;
+			}
+
+			.select, .select select {
+				height: auto;
+				width: 100%;
+				font-size: .8rem;
+			}
+
+
+			.label {
+				font-size: .9rem;
+				padding-left: .4rem;
+			}
+		}
+	}
+}
+
+// vue-draggable overwrites
+.vdr.active::before {
+	display: none;
+}
+</style>