ANDROAPP-5617-mobile-ui-Horizontal-RadioButoons-and-checkboxes-resize…

…-when-clear-button-appears (#101) * update: [ANDROAPP-5617] issue fixed * update: [ANDROAPP-5617] Code formatted * update: [ANDROAPP-5617] using 48dp spacer
dhis2 · Oct 17, 2023 · af1e732 · af1e732
1 parent 6b5987f
commit af1e732
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/...tem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/InputCheckBox.kt b/...tem/src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/InputCheckBox.kt
@@ -1,6 +1,8 @@
 package org.hisp.dhis.mobile.ui.designsystem.component
 
+import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.offset
+import androidx.compose.foundation.layout.width
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.outlined.Cancel
 import androidx.compose.material3.Icon
@@ -85,6 +87,8 @@ fun InputCheckBox(
                         onClearSelection.invoke()
                     },
                 )
+            } else {
+                Spacer(modifier = Modifier.width(Spacing.Spacing48))
             }
         },
     )

diff --git a/.../src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/InputRadioButton.kt b/.../src/commonMain/kotlin/org/hisp/dhis/mobile/ui/designsystem/component/InputRadioButton.kt
@@ -1,6 +1,8 @@
 package org.hisp.dhis.mobile.ui.designsystem.component
 
+import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.offset
+import androidx.compose.foundation.layout.width
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.outlined.Cancel
 import androidx.compose.material3.Icon
@@ -89,6 +91,8 @@ fun InputRadioButton(
                         onItemChange.invoke(null)
                     },
                 )
+            } else {
+                Spacer(modifier = Modifier.width(Spacing.Spacing48))
             }
         },
     )