#22204 Issue: Centered File info in lightbox (#9971)

* #22204 Issue: Centered File info in lightbox * #22204 Issue: Centered File info in lightbox
matrix-org · Jan 23, 2023 · 9aab7c5 · 9aab7c5
1 parent c1c50ec
commit 9aab7c5
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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,13 +84,19 @@ $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 {
     padding-right: 16px;
     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));
 }