🎨

src/client/app/desktop/views/pages/deck/deck.hashtag-column.vue

@@ -63,11 +63,20 @@ export default Vue.extend({
 			const chart = new ApexCharts(this.$refs.chart, {
 				chart: {
 					type: 'area',
-					height: 60,
+					height: 70,
 					sparkline: {
 						enabled: true
 					},
 				},
+				grid: {
+					clipMarkers: false,
+					padding: {
+						top: 16,
+						right: 16,
+						bottom: 16,
+						left: 16
+					}
+				},
 				stroke: {
 					curve: 'straight',
 					width: 2
@@ -93,7 +102,6 @@ export default Vue.extend({
 	background var(--deckColumnBg)
 
 	> .chart
-		padding 16px
 		margin-bottom 16px
 		background var(--face)
 

src/client/app/desktop/views/pages/deck/deck.user-column.vue

@@ -166,11 +166,26 @@ export default Vue.extend({
 					chart: {
 						type: 'bar',
 						stacked: true,
-						height: 60,
+						height: 100,
 						sparkline: {
 							enabled: true
 						},
 					},
+					plotOptions: {
+						bar: {
+							columnWidth: '90%',
+							endingShape: 'rounded'
+						}
+					},
+					grid: {
+						clipMarkers: false,
+						padding: {
+							top: 16,
+							right: 16,
+							bottom: 16,
+							left: 16
+						}
+					},
 					tooltip: {
 						shared: true,
 						intersect: false
@@ -186,7 +201,11 @@ export default Vue.extend({
 						data: renote
 					}],
 					xaxis: {
-						type: 'datetime'
+						type: 'datetime',
+						crosshairs: {
+							width: 1,
+							opacity: 1
+						}
 					}
 				});
 
@@ -375,7 +394,6 @@ export default Vue.extend({
 			border-radius 4px
 
 	> .activity
-		padding 16px
 		margin-bottom 16px
 		background var(--face)