Apply proper margin between accents

Signed-off-by: Aayush Gupta <aayushgupta219@gmail.com>

app/src/main/java/com/aurora/store/view/ui/onboarding/AccentFragment.kt

@@ -44,9 +44,6 @@ import com.aurora.store.view.custom.CubicBezierInterpolator
 import com.aurora.store.view.epoxy.views.AccentViewModel_
 import com.aurora.store.view.ui.commons.BaseFragment
 import com.gara.store.view.epoxy.controller.FlexLayoutManager
-import com.google.android.flexbox.FlexDirection
-import com.google.android.flexbox.FlexWrap
-import com.google.android.flexbox.JustifyContent
 import com.google.gson.reflect.TypeToken
 import java.nio.charset.StandardCharsets
 import kotlin.math.sqrt
@@ -96,11 +93,7 @@ class AccentFragment : BaseFragment() {
 
     private fun attachRecycler() {
         with(B.epoxyRecycler) {
-            layoutManager = FlexLayoutManager(requireContext()).apply {
-                justifyContent = JustifyContent.SPACE_BETWEEN
-                flexWrap = FlexWrap.WRAP
-                flexDirection = FlexDirection.ROW
-            }
+            layoutManager = FlexLayoutManager(requireContext())
         }
     }
 

app/src/main/res/layout/view_accent.xml

@@ -21,6 +21,7 @@
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
+    android:layout_marginHorizontal="4dp"
     android:orientation="horizontal">
 
     <androidx.appcompat.widget.AppCompatImageView