fixes flex child display on Android UC, maybe also other browsers:

- Accordion icon
- Button group justify style (used by Tabs)
- checkbox/radio list: both label and icon
- form field in list: label width

Big thanks to @leakl (#12#issuecomment-169879658)

src/scss/components/_accordion.scss

@@ -50,6 +50,7 @@
   }
 
   .#{$accordion-prefix}-icon {
+    @include fixes-flexbox-for-andriod;
     font-size: rem-calc(20);
     color: rgba($gray-light, .45);
     transform: rotate(0deg);

src/scss/components/_button-group.scss

@@ -79,6 +79,7 @@
 
   > .#{$button-prefix},
   > .#{$button-group-prefix} {
+    @include fixes-flexbox-for-andriod;
     flex: 1;
   }
 }

src/scss/components/_list.scss

@@ -154,6 +154,7 @@
   @extend %item-field;
 
   .#{$field-prefix}-label {
+    @include fixes-flexbox-for-andriod;
     width: 35%;
   }
 
@@ -184,6 +185,7 @@
   }
 
   .#{$field-prefix}-label {
+    @include fixes-flexbox-for-andriod;
     flex: 1;
     padding: unquote(get-side($form-padding, top) + rem-calc(1) + " " + 0);
     line-height: normal;
@@ -201,7 +203,7 @@
     }
 
     &:checked + .#{$field-prefix}-icon {
-      display: inline-block;
+      display: block;
     }
   }
 }

src/scss/helper/_mixins.scss

@@ -155,3 +155,14 @@
 %force-hardware-acceleration {
   @include force-hardware-acceleration();
 }
+
+
+// Browser compatibility
+// -----------------------------------------------------------------------------
+
+// 在安卓里 flex 里的子元素一定要是 block 元素，如果用行内元素 可以用flex-inline。
+// (不过flex-inline兼容也不好，所以全改成块元素就好了)
+// @see https://github.com/amazeui/amazeui-touch/issues/12#issuecomment-169879658
+@mixin fixes-flexbox-for-andriod {
+  display: block;
+}