From 8454bddf28bde89b67b65be3350d25d0342993c9 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Tue, 14 Mar 2017 00:12:51 +0900
Subject: [PATCH] [Client] :v:

---
 src/web/app/common/tags/activity-table.tag | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/web/app/common/tags/activity-table.tag b/src/web/app/common/tags/activity-table.tag
index 157a7677ce..9f4fa119fa 100644
--- a/src/web/app/common/tags/activity-table.tag
+++ b/src/web/app/common/tags/activity-table.tag
@@ -1,7 +1,7 @@
 <mk-activity-table>
-	<svg if={ data } ref="canvas" viewBox="0 0 53 6.85">
+	<svg if={ data } ref="canvas" viewBox="0 0 53 7" preserveAspectRatio="none">
 		<rect each={ d, i in data } width="0.8" height="0.8"
-			x={ 52 - (i / 7) } y={ d.date.weekday }
+			riot-x={ d.x } riot-y={ d.date.weekday }
 			fill={ d.color }></rect>
 	</svg>
 	<style>
@@ -26,7 +26,9 @@
 			}).then(data => {
 				data.forEach(d => d.total = d.posts + d.replies + d.reposts);
 				this.peak = Math.max.apply(null, data.map(d => d.total));
-				data.forEach(d => {
+				let x = 0;
+				data.reverse().forEach(d => {
+					d.x = x;
 					d.v = d.total / this.peak;
 					d.color = d.v > 0.75
 						? '#196127'
@@ -38,6 +40,7 @@
 									? '#c6e48b'
 									: '#eee';
 					d.date.weekday = (new Date(d.date.year + '-' + d.date.month + '-' + d.date.day)).getDay();
+					if (d.date.weekday == 6) x++;
 				});
 				this.update({ data });
 			});