[CST-12109] logo alignment

src/app/item-page/simple/qa-event-notification/qa-event-notification.component.html

@@ -1,7 +1,7 @@
 <ng-container *ngIf="(sources$ | async) as sources">
   <ng-container *ngFor="let source of sources">
     <div class="alert alert-info d-flex flex-row" *ngIf="source.totalEvents > 0">
-      <div class="col-2">
+      <div class="source-logo-container">
         <img class="source-logo"
              src="assets/images/qa-{{(source.id | dsSplit: ':')[0]}}-logo.png"
              alt="{{source.id}} logo"

src/app/item-page/simple/qa-event-notification/qa-event-notification.component.scss

@@ -2,6 +2,12 @@
   max-height: var(--ds-header-logo-height);
 }
 
+.source-logo-container {
+  width: var(--ds-qa-logo-width);
+  display: flex;
+  justify-content: center;
+}
+
 .sections-gap {
   gap: 1rem;
 }

src/app/my-dspace-page/my-dspace-qa-events-notifications/my-dspace-qa-events-notifications.component.html

@@ -4,7 +4,7 @@
       class="alert alert-info d-flex flex-row"
       *ngIf="source.totalEvents > 0"
     >
-    <div class="col-2">
+    <div class="source-logo-container">
       <img
         class="source-logo"
         src="assets/images/qa-{{ source.id }}-logo.png"

src/app/my-dspace-page/my-dspace-qa-events-notifications/my-dspace-qa-events-notifications.component.scss

@@ -2,6 +2,12 @@
   max-height: var(--ds-header-logo-height);
 }
 
+.source-logo-container {
+  width: var(--ds-qa-logo-width);
+  display: flex;
+  justify-content: center;
+}
+
 .sections-gap {
   gap: 1rem;
 }

src/styles/_custom_variables.scss

@@ -108,4 +108,5 @@
 
   --ds-item-page-img-field-default-inline-height: 24px;
 
+  --ds-qa-logo-width: 100px;
 }