fix styles

Author: sosukesuzuki

app/views/note/inputSupport/NoteInputSupport.js

@@ -31,11 +31,11 @@ export default class NoteInputSupport extends React.Component {
             style={Styles.inputElementsStyle}>
             <View>
               <SvgUri
-                  width='10'
-                  height='10'
+                  width='17'
+                  height='17'
                   source={headIcon}
+                  style={Styles.supportImage}
               />
-              <Text style={Styles.supportSub}>Head</Text>
             </View>
           </TouchableHighlight>
           <TouchableHighlight
@@ -45,11 +45,11 @@ export default class NoteInputSupport extends React.Component {
             style={Styles.inputElementsStyle}>
             <View>
               <SvgUri
-                  width='10'
-                  height='10'
+                  width='17'
+                  height='17'
                   source={listIcon}
+                  style={Styles.supportImage}
               />
-              <Text style={Styles.supportSub}>List</Text>
             </View>
           </TouchableHighlight>
           <TouchableHighlight
@@ -59,11 +59,11 @@ export default class NoteInputSupport extends React.Component {
             style={Styles.inputElementsStyle}>
             <View>
               <SvgUri
-                  width='10'
-                  height='10'
+                  width='17'
+                  height='17'
                   source={codeIcon}
+                  style={Styles.supportImage}
               />
-              <Text style={Styles.supportSub}>Code</Text>
             </View>
           </TouchableHighlight>
           <TouchableHighlight
@@ -73,11 +73,11 @@ export default class NoteInputSupport extends React.Component {
             style={Styles.inputElementsStyle}>
             <View>
               <SvgUri
-                  width='10'
-                  height='10'
+                  width='17'
+                  height='17'
                   source={boldIcon}
+                  style={Styles.supportImage}
               />
-              <Text style={Styles.supportSub}>Bold</Text>
             </View>
           </TouchableHighlight>
           <TouchableHighlight
@@ -87,11 +87,11 @@ export default class NoteInputSupport extends React.Component {
             style={Styles.inputElementsStyle}>
             <View>
               <SvgUri
-                  width='10'
-                  height='10'
+                  width='17'
+                  height='17'
                   source={italicIcon}
+                  style={Styles.supportImage}
               />
-              <Text style={Styles.supportSub}>italic</Text>
             </View>
           </TouchableHighlight>
           <TouchableHighlight
@@ -101,11 +101,11 @@ export default class NoteInputSupport extends React.Component {
             style={Styles.inputElementsStyle}>
             <View>
               <SvgUri
-                  width='10'
-                  height='10'
+                  width='17'
+                  height='17'
                   source={quoteIcon}
+                  style={Styles.supportImage}
               />
-              <Text style={Styles.supportSub}>Quote</Text>
             </View>
           </TouchableHighlight>
           <TouchableHighlight
@@ -115,23 +115,23 @@ export default class NoteInputSupport extends React.Component {
             style={Styles.inputElementsStyle}>
             <View>
               <SvgUri
-                  width='10'
-                  height='10'
+                  width='17'
+                  height='17'
                   source={checkboxIcon}
+                  style={Styles.supportImage}
               />
-              <Text style={Styles.supportSub}>TaskList</Text>
             </View>
           </TouchableHighlight>
           <TouchableHighlight
             onPress={this.props.pasteContent.bind(this)}
             style={Styles.inputElementsStyle}>
             <View>
               <SvgUri
-                  width='10'
-                  height='10'
+                  width='17'
+                  height='17'
                   source={pasteIcon}
+                  style={Styles.supportImage}
               />
-              <Text style={Styles.supportSub}>Paste</Text>
             </View>
           </TouchableHighlight>
         </ScrollView>

app/views/note/inputSupport/NoteInputSupportStyles.js

@@ -10,13 +10,20 @@ export default Styles = {
     paddingRight: 10,
     paddingTop: 1,
     paddingBottom: 1,
-    marginLeft: 2,
-    marginRight: 2,
+    marginLeft: 4,
+    marginRight: 4,
     marginTop: 4,
     marginBottom: 4,
     borderRadius: 3,
     borderWidth: 0,
     backgroundColor: 'rgba(255, 255, 255, 1)',
+    width: 50,
+    height: 30
+  },
+  supportImage: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: '100%'
   },
   supportMain: {
     fontSize: 12,