From cd8052c24e6714eea055464faf019f61589f8b3a Mon Sep 17 00:00:00 2001
From: suihan <suihan742@gmail.com>
Date: Sat, 1 Aug 2020 18:15:14 +0900
Subject: [PATCH] fix an issue with position of activity items

in previous version, if the screen width is narrow, valign of date is misaligned.
---
 static/js/contributions.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/static/js/contributions.js b/static/js/contributions.js
index e6fabd0..53e0700 100644
--- a/static/js/contributions.js
+++ b/static/js/contributions.js
@@ -70,7 +70,7 @@ function monthly(year, month, posts) {
   const monthPosts = posts.filter(post => post.date.getMonth() === month);
   let liHtml = '';
   for (const post of monthPosts) {
-    liHtml += `<li class="d-block mt-1 py-1"><span class="css-truncate css-truncate-target">
+    liHtml += `<li class="d-flex mt-1 py-1 flex-row flex-nowrap flex-justify-between"><span class="flex-auto css-truncate css-truncate-target">
   <span class="profile-rollup-icon">
     <svg class="octicon octicon-repo v-align-middle text-gray-light mr-1" viewBox="0 0 12 16" version="1.1"
       width="12" height="16" aria-hidden="true">
@@ -81,9 +81,7 @@ function monthly(year, month, posts) {
   </span>
   <a class="mr-2 " data-hovercard-type="repository" href="${post.link}">${post.title}</a>
 </span>
-<span class="f6 text-gray d-block mt-1 d-lg-inline mt-lg-0">
-</span>
-<time title="This post was made on ${months[post.date.getMonth()]} ${post.date.getDate()}" class="float-right f6 text-gray-light pt-1">
+<time title="This post was made on ${months[post.date.getMonth()]} ${post.date.getDate()}" class="f6 text-gray-light pt-1">
   ${months[post.date.getMonth()]} ${post.date.getDate()}
 </time></li>`;
   }