From d68e6c7f0a976d694ca226bd040eb0161a407200 Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Mon, 7 Nov 2022 23:25:44 +0100
Subject: [PATCH] Improve display of lastCommit in Blob component

Signed-off-by: Sebastian Martinez <me@sebastinez.dev>
---
 src/base/projects/Blob.svelte | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/base/projects/Blob.svelte b/src/base/projects/Blob.svelte
index 76c50b9dc..daa25875b 100644
--- a/src/base/projects/Blob.svelte
+++ b/src/base/projects/Blob.svelte
@@ -56,10 +56,15 @@
     display: flex;
     flex-direction: row;
     align-items: center;
+    justify-content: flex-end;
+    overflow-x: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
   }
 
   header .file-name {
     font-weight: var(--font-weight-normal);
+    flex-shrink: 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -159,6 +164,12 @@
       display: none;
     }
   }
+
+  @media (max-width: 720px) {
+    .right {
+      justify-content: center;
+    }
+  }
 </style>
 
 <div class:markdown={isMarkdown}>