fix(bootstrap4-theme): Fixed uneven spacing on global header buttons for mobile

Manjot Singh · Manjot Singh · commit a998f9ca4724 · 2021-03-09T12:45:32.000-07:00
Removed bottom margin for last button and added spacing between buttons for mobile view
diff --git a/packages/bootstrap4-theme/src/scss/extends/_global-header.scss b/packages/bootstrap4-theme/src/scss/extends/_global-header.scss
@@ -407,11 +407,11 @@ $fa-search: url($image-assets-path + '/font-awesome-svg/search.svg');
     border-top: 1px solid #d0d0d0;
 
     .btn {
-      margin-bottom: $uds-size-spacing-2;
+      margin-bottom: $uds-size-spacing-1;
     }
 
     .btn:last-of-type {
-      margin-bottom: 0;
+      margin-left: 0.5rem;
     }
   }
 

Original file line number	Diff line number	Diff line change
`@@ -407,11 +407,11 @@ $fa-search: url($image-assets-path + '/font-awesome-svg/search.svg');`
`407`	`407`	`border-top: 1px solid #d0d0d0;`
`408`	`408`
`409`	`409`	`.btn {`
`410`		`- margin-bottom: $uds-size-spacing-2;`
	`410`	`+ margin-bottom: $uds-size-spacing-1;`
`411`	`411`	`}`
`412`	`412`
`413`	`413`	`.btn:last-of-type {`
`414`		`- margin-bottom: 0;`
	`414`	`+ margin-left: 0.5rem;`
`415`	`415`	`}`
`416`	`416`	`}`
`417`	`417`