From 37dc8ccd11d674caf7e585df1bb3a8cc91dc42d7 Mon Sep 17 00:00:00 2001
From: Alisa Ismailati <alisa.ismailati@4science.com>
Date: Fri, 23 Feb 2024 15:47:58 +0100
Subject: [PATCH] [CST-12109] logo alignment

---
 .../qa-event-notification.component.html                    | 2 +-
 .../qa-event-notification.component.scss                    | 6 ++++++
 .../my-dspace-qa-events-notifications.component.html        | 2 +-
 .../my-dspace-qa-events-notifications.component.scss        | 6 ++++++
 src/styles/_custom_variables.scss                           | 1 +
 5 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/app/item-page/simple/qa-event-notification/qa-event-notification.component.html b/src/app/item-page/simple/qa-event-notification/qa-event-notification.component.html
index 5b3bb021f2..77370f462d 100644
--- a/src/app/item-page/simple/qa-event-notification/qa-event-notification.component.html
+++ b/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"
diff --git a/src/app/item-page/simple/qa-event-notification/qa-event-notification.component.scss b/src/app/item-page/simple/qa-event-notification/qa-event-notification.component.scss
index f852bb8454..2a62342b7c 100644
--- a/src/app/item-page/simple/qa-event-notification/qa-event-notification.component.scss
+++ b/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;
 }
diff --git a/src/app/my-dspace-page/my-dspace-qa-events-notifications/my-dspace-qa-events-notifications.component.html b/src/app/my-dspace-page/my-dspace-qa-events-notifications/my-dspace-qa-events-notifications.component.html
index 53b9b1de0a..e44d2c6e48 100644
--- a/src/app/my-dspace-page/my-dspace-qa-events-notifications/my-dspace-qa-events-notifications.component.html
+++ b/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"
diff --git a/src/app/my-dspace-page/my-dspace-qa-events-notifications/my-dspace-qa-events-notifications.component.scss b/src/app/my-dspace-page/my-dspace-qa-events-notifications/my-dspace-qa-events-notifications.component.scss
index f852bb8454..2a62342b7c 100644
--- a/src/app/my-dspace-page/my-dspace-qa-events-notifications/my-dspace-qa-events-notifications.component.scss
+++ b/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;
 }
diff --git a/src/styles/_custom_variables.scss b/src/styles/_custom_variables.scss
index 48f567b61b..ecc16b9ac1 100644
--- a/src/styles/_custom_variables.scss
+++ b/src/styles/_custom_variables.scss
@@ -108,4 +108,5 @@
 
   --ds-item-page-img-field-default-inline-height: 24px;
 
+  --ds-qa-logo-width: 100px;
 }