From 2066f821cbae2c554218fcb06eddd14f21bf86af Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Thu, 13 Mar 2025 03:24:04 +0200
Subject: [PATCH] style(next)/ribbon/image properties: improve the layout

---
 src/public/stylesheets/theme-next/ribbon.css | 24 +++++++++++++-------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/public/stylesheets/theme-next/ribbon.css b/src/public/stylesheets/theme-next/ribbon.css
index f702e4829..56e3e5d66 100644
--- a/src/public/stylesheets/theme-next/ribbon.css
+++ b/src/public/stylesheets/theme-next/ribbon.css
@@ -37,19 +37,17 @@ div.promoted-attributes-container {
 }
 
 /*
- * File Properties and Note Info
+ * File/Image Properties and Note Info
  */
 
+ /* The property label */
 .note-info-widget-table th,
-.file-properties-widget .file-table th {
+.file-properties-widget .file-table th,
+.image-properties > div:first-child > span > strong {
     opacity: 0.65;
     font-weight: 500;
 }
 
-/*
- * File Properties
- */
-
 .file-properties-widget {
     container: info-section / inline-size;
 }
@@ -63,9 +61,12 @@ div.promoted-attributes-container {
     padding: 8px 0 0 0;
 }
 
-.file-properties-widget .file-buttons {
+/* The button bar */
+.file-properties-widget .file-buttons,
+.image-properties > div:last-of-type {
     padding: 0;
-    justify-content: flex-start;
+    margin: 0;
+    justify-content: flex-start !important;
     flex-wrap: wrap;
     gap: 12px;
 }
@@ -74,6 +75,13 @@ div.promoted-attributes-container {
     white-space: nowrap;
 }
 
+/* The properties row for images */
+.image-properties > div:first-child {
+    justify-content: flex-start !important;
+    flex-wrap: wrap;
+    gap: 10px 40px;
+}
+
 /*
  * Basic properties
  */