Fixed positioning issues with latest vector icons release

Author: Ehesp

lib/Avatar.js

@@ -33,15 +33,11 @@ export default class Avatar extends Component {
         if (icon) {
             return (
                 <View style={{ flex: 1 }}>
-                    <View style={{ width: size, height: size, borderRadius: size / 2, backgroundColor: getColor(backgroundColor), alignItems:'center' }}>
+                    <View style={{ width: size, height: size, borderRadius: size / 2, backgroundColor: getColor(backgroundColor), alignItems:'center', justifyContent: 'center' }}>
                         <Icon
                             name={icon}
                             color={color}
                             size={0.6 * size}
-                            style={{
-                                position: 'relative',
-                                top: -3
-                            }}
                         />
                     </View>
                 </View>

lib/Checkbox.js

@@ -107,8 +107,6 @@ export default class Checkbox extends Component {
                           style={{
                               opacity: OPACITY,
                               margin: 16,
-                              position: 'relative',
-                              top: -10
                           }}
                     />
                 </Animated.View>
@@ -195,7 +193,6 @@ const styles = StyleSheet.create({
     label: {
         marginLeft: 16,
         opacity: COLOR.darkPrimaryOpacity.opacity,
-        flex: 1,
-        top: -5
+        flex: 1
     }
 });

lib/Drawer/Item.js

@@ -59,7 +59,7 @@ const styles = {
     },
     icon: {
         position: 'relative',
-        top: -7
+        top: -2
     },
     value: {
         flex: 1,

lib/RadioButton.js

@@ -104,9 +104,7 @@ export default class RadioButton extends Component {
                       color={CURR_COLOR}
                       style={{
                           opacity: OPACITY,
-                          margin: 16,
-                          position: 'relative',
-                          top: -10
+                          margin: 16
                       }}
                 />
                 <View style={styles.labelContainer}>
@@ -193,8 +191,6 @@ const styles = StyleSheet.create({
     label: {
         marginLeft: 16,
         opacity: COLOR.darkPrimaryOpacity.opacity,
-        flex: 1,
-        position: 'relative',
-        top: -4
+        flex: 1
     }
 });

lib/Toolbar.js

@@ -112,8 +112,6 @@ const styles = {
         marginLeft: 16
     },
     icon: {
-        margin: 16,
-        position: 'relative',
-        top: -5
+        margin: 16
     }
 };