Merge pull request #57 from klippa-app/fix/remove_chackbox_margin_when_no_caption

Removed checkbox margin when no caption is provided

Author: wouter-willems

projects/klippa/ngx-enhancy-forms/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@klippa/ngx-enhancy-forms",
-  "version": "20.1.1",
+  "version": "20.1.2",
   "publishConfig": {
     "access": "public"
   },

projects/klippa/ngx-enhancy-forms/src/lib/elements/checkbox/checkbox.component.html

@@ -1,7 +1,7 @@
 <div class="componentContainer">
 	<label>
 		<div class="checkboxContainer">
-			<div class="checkBoxVisualContainer">
+			<div class="checkBoxVisualContainer" [class.hasMargin]="!!caption">
 				<input type="checkbox" class="checkboxNative"
 							 [(ngModel)]="innerValue"
 							 (change)="setInnerValueAndNotify(innerValue); touch()"

projects/klippa/ngx-enhancy-forms/src/lib/elements/checkbox/checkbox.component.scss

@@ -22,11 +22,13 @@ label {
 }
 .checkBoxVisualContainer {
 	padding: 2px;
-	margin-right: 10px;
 	border-radius: 4px;
 	&:focus-within {
 		outline: 2px solid $primary;
 	}
+	&.hasMargin {
+		margin-right: 10px;
+	}
 }
 .caption {
 	cursor: pointer;