From 690dc75e45f3200036222dcc54698eb3601e4313 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Tue, 23 Oct 2018 09:39:27 +0900
Subject: [PATCH] :art:

---
 .../views/pages/deck/deck.hashtag-column.vue  | 12 ++++++++--
 .../views/pages/deck/deck.user-column.vue     | 24 ++++++++++++++++---
 2 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/src/client/app/desktop/views/pages/deck/deck.hashtag-column.vue b/src/client/app/desktop/views/pages/deck/deck.hashtag-column.vue
index 488d03c14..600614616 100644
--- a/src/client/app/desktop/views/pages/deck/deck.hashtag-column.vue
+++ b/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)
 
diff --git a/src/client/app/desktop/views/pages/deck/deck.user-column.vue b/src/client/app/desktop/views/pages/deck/deck.user-column.vue
index d488ea051..dd62fe714 100644
--- a/src/client/app/desktop/views/pages/deck/deck.user-column.vue
+++ b/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)