Merge pull request #377 from TeskaLabs/bugfix/refactor-card-header

Fix Card-Header styles
TeskaLabs · Nov 28, 2022 · 343d91c · 343d91c
2 parents 5a630ae + 763e475
commit 343d91c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,11 @@
 
 - Refactor Configuration module scroll styling (INDIGO Sprint 221111, [!378](https://github.com/TeskaLabs/asab-webui/pull/378))
 
+### Bugfixes
+
+- Fix styles for so long title in CardHeader (INDIGO Sprint 221125, [!377](https://github.com/TeskaLabs/asab-webui/pull/377))
+
+
 ## v22.46
 
 ### Features

diff --git a/src/styles/components/card.scss b/src/styles/components/card.scss
@@ -26,7 +26,6 @@ $box-shadow-card-color: var(--box-shadow-card-color);
 		padding: 0;
 		display: flex;
 		justify-content: space-between;
-    	min-height: 50px;
 		flex-wrap: wrap;
 		box-sizing:content-box;
 		& h3 {
@@ -37,8 +36,8 @@ $box-shadow-card-color: var(--box-shadow-card-color);
 			font-style: normal;
 			font-weight: 500;
 			font-size: 1rem;
-			line-height: 50px;
 			margin: auto 1.25rem;
+			padding: 13px 0;
 			min-height:  50px;
 			[class^="cil-"], [class*=" cil-"] {
 				color: $primary;
@@ -89,6 +88,7 @@ $box-shadow-card-color: var(--box-shadow-card-color);
 		// color: $text-secondary-color !important;
 		.card-header-title {
 			margin: 0.25rem auto;
+			padding: 0;
 			height: auto;
 			display: flex;
 			flex-direction: column;