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

@@ -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>
     );
   }