[calendar] mobile-view horizontal

app/src/plugins/app/_layout/app/_components/a-header.vue

@@ -160,4 +160,11 @@ export default {
 	.header-sm
 		justify-content: center !important
 		flex-wrap: wrap
+
+@media (min-width: 561px) and (max-width: 825px)
+	.header
+		padding: 5px 15px
+
+	.menu-dropdown
+		border: none !important
 </style>

app/src/plugins/tm@dashboard/_components/z-timeline.vue

@@ -511,7 +511,7 @@ export default {
 						display: block
 
 					h3
-						font-size: 18px
+						font-size: 15px
 						font-weight: 400
 						color: Black
 						margin: 0 0 10px

app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue

@@ -169,4 +169,18 @@ export default {
 			flex: 1 1 calc( 50% - 5px )
 			height: 40px
 
+@media (min-width: 601px) and (max-width: 825px)
+	.subheader
+		flex-wrap: nowrap
+		padding: 8px 20px 8px 20px !important
+
+	.subheader-input
+		max-width: calc(31.333% - 10px) !important
+		min-width: calc(31.333% - 10px) !important
+
+		&:nth-child(3)
+			max-width: calc(23.333% - 10px) !important
+			min-width: calc(23.333% - 10px) !important
 </style>
+
+