From 57e7a3365cac633cda870222aad19e9074ec43dd Mon Sep 17 00:00:00 2001
From: Ayushman <31277910+Spartan09@users.noreply.github.com>
Date: Mon, 23 Jan 2023 21:53:13 +0530
Subject: [PATCH 1/2] #22204 Issue: Centered File info in lightbox

---
 res/css/views/elements/_ImageView.pcss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/res/css/views/elements/_ImageView.pcss b/res/css/views/elements/_ImageView.pcss
index 969e34924bf..b378b1fb751 100644
--- a/res/css/views/elements/_ImageView.pcss
+++ b/res/css/views/elements/_ImageView.pcss
@@ -82,6 +82,9 @@ $button-gap: 24px;
 .mx_ImageView_title {
     color: $lightbox-fg-color;
     font-size: $font-12px;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
 }
 
 .mx_ImageView_toolbar {

From a036f8745b5aba43a9e255a17bb730c2d7573d34 Mon Sep 17 00:00:00 2001
From: Ayushman <31277910+Spartan09@users.noreply.github.com>
Date: Mon, 23 Jan 2023 23:50:42 +0530
Subject: [PATCH 2/2] #22204 Issue: Centered File info in lightbox

---
 res/css/views/elements/_ImageView.pcss | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/res/css/views/elements/_ImageView.pcss b/res/css/views/elements/_ImageView.pcss
index b378b1fb751..f67f8a12624 100644
--- a/res/css/views/elements/_ImageView.pcss
+++ b/res/css/views/elements/_ImageView.pcss
@@ -67,6 +67,8 @@ $button-gap: 24px;
     flex-direction: row;
     align-items: center;
     color: $lightbox-fg-color;
+    flex-grow: 1;
+    flex-basis: 0;
 }
 
 .mx_ImageView_info {
@@ -82,9 +84,9 @@ $button-gap: 24px;
 .mx_ImageView_title {
     color: $lightbox-fg-color;
     font-size: $font-12px;
-    position: absolute;
-    left: 50%;
-    transform: translateX(-50%);
+    flex-grow: 1;
+    flex-basis: 0;
+    text-align: center;
 }
 
 .mx_ImageView_toolbar {
@@ -92,6 +94,9 @@ $button-gap: 24px;
     pointer-events: initial;
     display: flex;
     align-items: center;
+    flex-grow: 1;
+    flex-basis: 0;
+    justify-content: flex-end;
     gap: calc($button-gap - ($button-size - $icon-size));
 }