adjust style

Author: FrancescoMolinaro

src/app/shared/metric/metric-altmetric/metric-altmetric.component.html

@@ -25,7 +25,9 @@
     </div>
   </div>
 </div>
-<div class="col-7" *ngIf="!canLoadScript">
-  {{ "third-party-metrics-cookies.message" | translate: {metricType: metric.metricType | titlecase} }}
-  <div role="button" class="btn-link" (click)="requestSettingsConsent.emit(true)">{{"third-party-metrics-cookies.consent-settings" | translate}}</div>
+<div class="row d-flex align-items-center justify-content-center m-2"  *ngIf="!canLoadScript">
+  <div>
+    {{ "third-party-metrics-cookies.message" | translate: {metricType: metric.metricType | titlecase} }}
+    <div role="button" class="btn-link" (click)="requestSettingsConsent.emit(true)">{{"third-party-metrics-cookies.consent-settings" | translate}}</div>
+  </div>
 </div>

src/app/shared/metric/metric-dimensions/metric-dimensions.component.html

@@ -25,7 +25,9 @@
     </div>
   </div>
 </div>
-<div class="col-7" *ngIf="!canLoadScript">
-  {{ "third-party-metrics-cookies.message" | translate: {metricType: metric.metricType | titlecase} }}
-  <div role="button" class="btn-link" (click)="requestSettingsConsent.emit(true)">{{"third-party-metrics-cookies.consent-settings" | translate}}</div>
+<div class="row d-flex align-items-center justify-content-center m-2"  *ngIf="!canLoadScript">
+  <div>
+    {{ "third-party-metrics-cookies.message" | translate: {metricType: metric.metricType | titlecase} }}
+    <div role="button" class="btn-link" (click)="requestSettingsConsent.emit(true)">{{"third-party-metrics-cookies.consent-settings" | translate}}</div>
+  </div>
 </div>

src/app/shared/metric/metric-plumx/metric-plumx.component.html

@@ -31,7 +31,9 @@
     </ng-container>
   </div>
 </div>
-<div class="alert-light col-7" *ngIf="!canLoadScript">
-  {{ "third-party-metrics-cookies.message" | translate: {metricType: metric.metricType | titlecase} }}
-  <div role="button" class="btn-link" (click)="requestSettingsConsent.emit(true)">{{"third-party-metrics-cookies.consent-settings" | translate}}</div>
+<div class="row d-flex align-items-center justify-content-center m-2 alert-light"  *ngIf="!canLoadScript">
+  <div>
+    {{ "third-party-metrics-cookies.message" | translate: {metricType: metric.metricType | titlecase} }}
+    <div role="button" class="btn-link" (click)="requestSettingsConsent.emit(true)">{{"third-party-metrics-cookies.consent-settings" | translate}}</div>
+  </div>
 </div>