From 8ca5fa2d538484a398004ebcd6e4f8843e4dd1d5 Mon Sep 17 00:00:00 2001
From: Franzz <francois@lutran.fr>
Date: Sun, 11 Jan 2026 16:31:28 +0100
Subject: [PATCH] Fix lightbox comment alignment

---
 src/components/projectMediaLink.vue | 2 +-
 src/styles/_lightbox.scss           | 4 ----
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/projectMediaLink.vue b/src/components/projectMediaLink.vue
index ec41d9c..b900018 100644
--- a/src/components/projectMediaLink.vue
+++ b/src/components/projectMediaLink.vue
@@ -47,7 +47,7 @@ export default {
 	</a>
 	<div style="display:none">
 		<span ref="comment" class="lb-caption-line comment desktop" :title="options.comment">
-			<spotIcon :icon="'post'" :classes="'fa-lg fa-fw'" />
+			<spotIcon :icon="'post'" :classes="'fa-lg fa-fw push'" />
 			<span class="comment-text">{{ options.comment }}</span>
 		</span>
 		<span ref="postedon" class="lb-caption-line" :title="$parent.timeDiff?spot.lang('local_time', options.posted_on_formatted_local):''">
diff --git a/src/styles/_lightbox.scss b/src/styles/_lightbox.scss
index aa9acc5..6d23353 100644
--- a/src/styles/_lightbox.scss
+++ b/src/styles/_lightbox.scss
@@ -76,10 +76,6 @@
 					line-height: 1.33333333em;
 
 					&.comment {
-						.fa {
-							vertical-align: text-bottom;
-						}
-
 						.comment-text {
 							display: inline-block;
 							width: calc(100% - 1.25em*1.33333333333 - 0.5rem);