refactor(checkbox): add justify & align fix for ionic theme

Author: brandyscarney

core/src/components/checkbox/checkbox.ionic.scss

@@ -161,6 +161,9 @@ input {
   opacity: 0;
 }
 
+// TODO move all justify and alignment styles to the common file
+// when it is created
+
 // Justify Content
 // ---------------------------------------------
 
@@ -187,6 +190,20 @@ input {
   align-items: center;
 }
 
+// Justify Content & Align Items
+// ---------------------------------------------
+
+// The checkbox should be displayed as block when either justify
+// or alignment is set; otherwise, these properties will have no
+// visible effect.
+:host(.checkbox-justify-space-between),
+:host(.checkbox-justify-start),
+:host(.checkbox-justify-end),
+:host(.checkbox-alignment-start),
+:host(.checkbox-alignment-center) {
+  display: block;
+}
+
 // Label Placement - Start
 // ----------------------------------------------------------------
 

core/src/components/toggle/toggle.native.scss

@@ -28,32 +28,6 @@
   overflow: hidden;
 }
 
-// Toggle Justify
-// --------------------------------------------------
-
-:host(.toggle-justify-space-between) .toggle-wrapper {
-  justify-content: space-between;
-}
-
-:host(.toggle-justify-start) .toggle-wrapper {
-  justify-content: start;
-}
-
-:host(.toggle-justify-end) .toggle-wrapper {
-  justify-content: end;
-}
-
-// Toggle Align
-// --------------------------------------------------
-
-:host(.toggle-alignment-start) .toggle-wrapper {
-  align-items: start;
-}
-
-:host(.toggle-alignment-center) .toggle-wrapper {
-  align-items: center;
-}
-
 // Input Label Placement - Fixed
 // ----------------------------------------------------------------