From 9aab7c5a3538d972da85f21ecb8f615ebd173cfb Mon Sep 17 00:00:00 2001
From: Ayushman <31277910+Spartan09@users.noreply.github.com>
Date: Tue, 24 Jan 2023 00:31:11 +0530
Subject: [PATCH] #22204 Issue: Centered File info in lightbox (#9971)

* #22204 Issue: Centered File info in lightbox

* #22204 Issue: Centered File info in lightbox
---
 res/css/views/elements/_ImageView.pcss | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/res/css/views/elements/_ImageView.pcss b/res/css/views/elements/_ImageView.pcss
index 969e34924b..f67f8a1262 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,6 +84,9 @@ $button-gap: 24px;
 .mx_ImageView_title {
     color: $lightbox-fg-color;
     font-size: $font-12px;
+    flex-grow: 1;
+    flex-basis: 0;
+    text-align: center;
 }
 
 .mx_ImageView_toolbar {
@@ -89,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));
 }