adding primary and compact buttons

Summary: Adding a style for `primary` buttons

Reviewed By: priteshrnandgaonkar

Differential Revision: D13417284

fbshipit-source-id: 8ef46092d79ee0f9d39167aa2662a84caca9aa11

src/chrome/DevicesButton.js

@@ -5,7 +5,7 @@
  * @format
  */
 
-import {Component, Button} from 'flipper';
+import {Component, Button, styled} from 'flipper';
 import {connect} from 'react-redux';
 import {spawn} from 'child_process';
 import {selectDevice, preferDevice} from '../reducers/connections.js';
@@ -19,6 +19,10 @@ type Props = {
   preferDevice: (device: string) => void,
 };
 
+const DropdownButton = styled(Button)({
+  fontSize: 11,
+});
+
 // Remove this if the flow fixme at the bottom is addressed (or has already been removed).
 /* eslint-disable prettier/prettier */
 class DevicesButton extends Component<Props> {
@@ -90,14 +94,12 @@ class DevicesButton extends Component<Props> {
       }
     }
     return (
-      <Button compact={true} icon={icon} dropdown={dropdown} disabled={false}>
+      <DropdownButton compact={true} icon={icon} dropdown={dropdown}>
         {text}
-      </Button>
+      </DropdownButton>
     );
   }
-}
-
-/* $FlowFixMe(>=0.86.0) This comment suppresses an error found when Flow v0.86
+} /* $FlowFixMe(>=0.86.0) This comment suppresses an error found when Flow v0.86
  * was deployed. To see the error, delete this comment and run Flow.
  */
 export default connect(