improving messsaging css

AndyKilmory · AndyKilmory · commit f542f54d7494 · 2025-07-23T10:24:50.000+01:00
diff --git a/kahuna/public/js/components/gr-image-usage/gr-image-usage.css b/kahuna/public/js/components/gr-image-usage/gr-image-usage.css
@@ -18,6 +18,11 @@ gr-image-usage-list .gr-image-usage__record {
     width: 90%;
 }
 
+.gr-image-usage__message {
+    margin-bottom: 10px;
+    width: 90%;
+}
+
 gr-image-usage-list .source-list__icon svg {
     padding: 0 2px;
 }
diff --git a/kahuna/public/js/components/gr-image-usage/gr-image-usage.html b/kahuna/public/js/components/gr-image-usage/gr-image-usage.html
@@ -12,7 +12,7 @@
 
 <div class="image-info__group" ng-if="ctrl.displayLinkedImagesMessage">
     <div ng-repeat="message in ctrl.linkedImagesMessage">
-        <span class="gr-image-usage__record">
+        <span class="gr-image-usage__message">
             {{message}}
         </span>
     </div>

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,11 @@ gr-image-usage-list .gr-image-usage__record {`
`18`	`18`	`width: 90%;`
`19`	`19`	`}`
`20`	`20`
	`21`	`+.gr-image-usage__message {`
	`22`	`+ margin-bottom: 10px;`
	`23`	`+ width: 90%;`
	`24`	`+}`
	`25`	`+`
`21`	`26`	`gr-image-usage-list .source-list__icon svg {`
`22`	`27`	`padding: 0 2px;`
`23`	`28`	`}`