Merge pull request #2643 from shubhamkumar9199/feature/WEB-208-fix-button-title-alignment

alberto-art3ch · web-flow · commit 62c49d787dc3 · 2025-09-10T08:47:17.000-05:00
Fix: Align buttons with title on Client General tab (208)
diff --git a/src/app/clients/clients-view/general-tab/general-tab.component.scss b/src/app/clients/clients-view/general-tab/general-tab.component.scss
@@ -32,10 +32,19 @@
 }
 
 .heading-content {
+  display: flex; /* Use flexbox for alignment */
+  align-items: center; /* Align items vertically */
+  justify-content: space-between; /* Space out title and buttons */
   margin-bottom: 1%;
   margin-top: 1%;
 }
 
 .heading-name {
-  display: block;
+  margin: 0; /* Reset margin to avoid misalignment */
+}
+
+.layout-row.align-flex-end {
+  display: flex;
+  align-items: center; /* Ensure buttons are vertically aligned */
+  gap: 0.5rem; /* Add spacing between buttons if needed */
 }

Original file line number	Diff line number	Diff line change
`@@ -32,10 +32,19 @@`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`.heading-content {`
	`35`	`+ display: flex; /* Use flexbox for alignment */`
	`36`	`+ align-items: center; /* Align items vertically */`
	`37`	`+ justify-content: space-between; /* Space out title and buttons */`
`35`	`38`	`margin-bottom: 1%;`
`36`	`39`	`margin-top: 1%;`
`37`	`40`	`}`
`38`	`41`
`39`	`42`	`.heading-name {`
`40`		`- display: block;`
	`43`	`+ margin: 0; /* Reset margin to avoid misalignment */`
	`44`	`+}`
	`45`	`+`
	`46`	`+.layout-row.align-flex-end {`
	`47`	`+ display: flex;`
	`48`	`+ align-items: center; /* Ensure buttons are vertically aligned */`
	`49`	`+ gap: 0.5rem; /* Add spacing between buttons if needed */`
`41`	`50`	`}`