Merge pull request #48 from Rockerby/main

Add in directives to the title in the editor box - i46

src/Umbraco.Community.CSPManager/wwwroot/backoffice/manage-csp/edit.html

@@ -38,6 +38,10 @@
 		border-top-left-radius: 0;
 		border-top-right-radius: 0;
 	}
+    .csp-subtitle {
+        font-size: 14px;
+        font-weight: normal;
+    }
 </style>
 
 <div ng-controller="cspManagerEditController as vm">

src/Umbraco.Community.CSPManager/wwwroot/backoffice/manage-csp/manage/manage-csp.html

@@ -9,7 +9,9 @@
 
 			<div ng-repeat="(sourceIndex, source) in vm.definition.Sources" class="mb2">
 				<button type="button" class="csp-accordion-btn" ng-class="{'active': vm.expanded.includes(sourceIndex) ? true : false}" ng-click="vm.expandAccordion($event, sourceIndex)">
-					Source: {{source.Source}}
+					<span>Source: {{source.Source}}<br/>
+						<span class="csp-subtitle"><b>Directives:</b> <span ng-repeat="(dIndex, directive) in source.Directives">{{directive}}{{$last ? '' : ', '}}</span></span>
+					</span>
 					<span class="ml-auto">
 						<uui-icon-registry-essential>
 							<uui-action-bar>
@@ -39,7 +41,7 @@
 					<div class="control-group umb-control-group">
 						<div class="umb-el-wrap">
 							<div class="control-header">
-								<label class="control-label">Directives Set</label>
+								<label class="control-label">Directive Set</label>
 							</div>
 							<div class="controls" style="
 								display: grid;