From f79c33099eeaca8b80bfa64fa85242e35da538cf Mon Sep 17 00:00:00 2001
From: Mattermost Build <build@mattermost.com>
Date: Tue, 20 Aug 2019 02:18:26 +0200
Subject: [PATCH] Automated cherry pick of #3127 (#3151)

* MM-17700 - Updating bot tag css

* Updating spacing for android
---
 app/components/bot_tag.js | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/app/components/bot_tag.js b/app/components/bot_tag.js
index 84ad5062a4..d4d1c25bd1 100644
--- a/app/components/bot_tag.js
+++ b/app/components/bot_tag.js
@@ -3,6 +3,7 @@
 
 import React, {PureComponent} from 'react';
 import PropTypes from 'prop-types';
+import {Platform, View} from 'react-native';
 import {changeOpacity, makeStyleSheetFromTheme} from 'app/utils/theme';
 import FormattedText from 'app/components/formatted_text';
 
@@ -23,11 +24,13 @@ export default class BotTag extends PureComponent {
         const style = createStyleSheet(this.props.theme);
 
         return (
-            <FormattedText
-                id='post_info.bot'
-                defaultMessage='BOT'
-                style={style.bot}
-            />
+            <View style={style.bot}>
+                <FormattedText
+                    id='post_info.bot'
+                    defaultMessage='BOT'
+                    style={style.botText}
+                />
+            </View>
         );
     }
 }
@@ -39,12 +42,20 @@ const createStyleSheet = makeStyleSheetFromTheme((theme) => {
             backgroundColor: changeOpacity(theme.centerChannelColor, 0.15),
             borderRadius: 2,
             color: theme.centerChannelColor,
-            fontSize: 10,
             fontWeight: '600',
-            marginRight: 5,
-            marginLeft: 5,
+            marginRight: 2,
+            marginBottom: 1,
+            ...Platform.select({
+                android: {
+                    marginBottom: 0,
+                },
+            }),
+            marginLeft: 2,
             paddingVertical: 2,
             paddingHorizontal: 4,
         },
+        botText: {
+            fontSize: 10,
+        },
     };
 });