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 */