[CHR WIP] CHR10, CHR12, CHR13, CHR14, CHR15, CHR17 - WIP not validated

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

@@ -17,7 +17,7 @@
 			:scroll-to-hour="calConfig.scrollHour"
 			:split-days="splits"
 			:sticky-split-labels="true"
-			:min-split-width="270"
+			:min-split-width="220"
 			@ready="onReady()"
 			@view-change="weekChanged"
 			@event-drop="eventMoved"
@@ -304,11 +304,11 @@ export default {
 
 			// TIME COLUMN
 			.vuecal__time-column
-				width: 150px
+				width: 80px
 				box-shadow: none !important
 
 				.time-column-line
-					width: 40px
+					width: 20px
 					height: 0
 					border: 1px solid rgba(33, 33, 33, 0.08)
 					margin-left: 10px

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

@@ -1,5 +1,5 @@
 <template>
-	<v-row class="px-10 py-8 subheader">
+	<v-row class="px-7 py-5 subheader">
 		<v-autocomplete
 			v-model="selectedEmployee"
 			class="subheader-input"
@@ -120,8 +120,8 @@ export default {
 
 .subheader-icon-button
 	border: 1px solid #ABABAB
-	height: 56px
-	width: 56px
+	height: 60px
+	width: 60px
 	min-width: auto !important
 	padding: 0
 	margin: 0
@@ -136,9 +136,19 @@ export default {
 		margin: 0
 
 .subheader-input
-	max-width: 250px !important
-	min-width: 250px
-	height: 56px
+	max-width: 175px
+	min-width: 175px
+	height: 60px !important
+
+	&:nth-child(2)
+		max-width: 250px !important
+		min-width: 250px !important
+
+	&:deep(.v-input__control)
+		.v-field
+			height: 60px !important
+			--v-input-control-height: 60px !important
+			--v-input-padding-top: 19px !important		
 
 	&:deep(.v-input__details)
 		display: none