From 3bda8c55ab47c9e948661953cda3cf792c375c58 Mon Sep 17 00:00:00 2001
From: Simon Lecoq <22963968+lowlighter@users.noreply.github.com>
Date: Tue, 18 Jan 2022 23:44:25 +0100
Subject: [PATCH] fix(plugins/activity): ellipsis for long commit messages
 (#788) [skip ci]

---
 source/templates/classic/partials/activity.ejs    | 4 ++--
 source/templates/classic/style.css                | 6 ++++++
 source/templates/repository/partials/activity.ejs | 4 ++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/source/templates/classic/partials/activity.ejs b/source/templates/classic/partials/activity.ejs
index 5023450a..6c88e6df 100644
--- a/source/templates/classic/partials/activity.ejs
+++ b/source/templates/classic/partials/activity.ejs
@@ -136,8 +136,8 @@
                     <% } %>
                     <% for (const commit of event.commits) { %>
                       <div class="commit">
-                        <span class="sha">#<%= commit.sha %></span>
-                        <span class="message"><%= commit.message %></span>
+                        <div class="sha">#<%= commit.sha %></div>
+                        <div class="message"><%= commit.message %></div>
                       </div>
                     <% } %>
                   </div>
diff --git a/source/templates/classic/style.css b/source/templates/classic/style.css
index 8a242c3f..630b7328 100644
--- a/source/templates/classic/style.css
+++ b/source/templates/classic/style.css
@@ -783,8 +783,14 @@
     margin-top: 4px;
   }
 
+  .activity .commit {
+    display: flex;
+    align-items: center;
+  }
+
   .activity .commit .sha {
     font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
+    margin-right: 4px;
   }
 
   .activity .commit .message {
diff --git a/source/templates/repository/partials/activity.ejs b/source/templates/repository/partials/activity.ejs
index 344325a7..d0ae898c 100644
--- a/source/templates/repository/partials/activity.ejs
+++ b/source/templates/repository/partials/activity.ejs
@@ -136,8 +136,8 @@
                     <% } %>
                     <% for (const commit of event.commits) { %>
                       <div class="commit">
-                        <span class="sha">#<%= commit.sha %></span>
-                        <span class="message"><%= commit.message %></span>
+                        <div class="sha">#<%= commit.sha %></div>
+                        <div class="message"><%= commit.message %></div>
                       </div>
                     <% } %>
                   </div>