#1396 Fix CSS for Close Button in Notification Panel (#1397)

elyra-ai · Mar 13, 2023 · ba44827 · ba44827
1 parent bc434f8
commit ba44827
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/canvas_modules/common-canvas/src/notification-panel/notification-panel.scss b/canvas_modules/common-canvas/src/notification-panel/notification-panel.scss
@@ -53,15 +53,17 @@ $toolbar-button-height: 41px; // Allow one extra pixel for the toolbar border
 	padding: $spacing-05;
 	.notification-panel-header {
 		@include carbon--type-style("productive-heading-02");
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
 	}
 	.notification-panel-subtitle {
 		@include carbon--type-style("helper-text-01");
 		color: $text-02;
 		padding-top: $spacing-02;
 	}
 	.notification-panel-close-button {
-		bottom: $spacing-02;
-		left: calc(#{$spacing-06} + #{$spacing-12});
+		left: $spacing-02;
 	}
 }