From f00f0ad4b938e7f4b2e8617822a59b6b357e34da Mon Sep 17 00:00:00 2001
From: Pritesh Nandgaonkar <prit91@fb.com>
Date: Thu, 24 Oct 2019 08:24:11 -0700
Subject: [PATCH] Fix the AD bar when the window width is too small

Summary:
This diff fixes the broken UI of advertising bar when window size is too small

Bug:

{F219320329}

Reviewed By: jknoxville

Differential Revision: D18114230

fbshipit-source-id: fda321af761f9707077ded5d53a51e79f4cd26d6
---
 src/plugins/layout/index.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/plugins/layout/index.tsx b/src/plugins/layout/index.tsx
index 19a577833..9881f6e85 100644
--- a/src/plugins/layout/index.tsx
+++ b/src/plugins/layout/index.tsx
@@ -57,7 +57,6 @@ export type PersistedState = {
 const FlipperADBarContainer = styled(FlexRow)({
   backgroundColor: colors.warningTint,
   flexGrow: 1,
-  height: 50,
   justifyContent: 'center',
   alignItems: 'center',
   borderWidth: 2,
@@ -67,6 +66,10 @@ const FlipperADText = styled(Text)({
   padding: 10,
 });
 
+const FlipperADButton = styled(Button)({
+  margin: 10,
+});
+
 export default class Layout extends FlipperPlugin<State, any, PersistedState> {
   FlipperADBar() {
     return (
@@ -76,13 +79,13 @@ export default class Layout extends FlipperPlugin<State, any, PersistedState> {
           automatically attaches critical information for reproducing your issue
           with just a single click.
         </FlipperADText>
-        <Button
+        <FlipperADButton
           type="primary"
           onClick={() => {
             this.props.setStaticView(SupportRequestFormManager);
           }}>
           Try it out
-        </Button>
+        </FlipperADButton>
       </FlipperADBarContainer>
     );
   }