damn alignment son

Author: SaraVieira

packages/app/src/app/components/Preview/DevTools/Console/elements.js

@@ -45,6 +45,9 @@ export const FilterInput = styled.input`
   width: 6em;
   padding: 0.15em 0.5em;
   margin-right: 8px;
+  font-family: 'Roboto';
+  font-weight: 600;
+  font-size: 0.875rem;
 
   color: ${props => props.theme['input.foreground'] || 'white'};
 

packages/app/src/app/components/Preview/DevTools/Console/index.js

@@ -248,7 +248,13 @@ const ConsoleFilterSelect = props => {
 
   return (
     <Select
-      style={{ ...props.style, borderColor: '#2c2e30' }}
+      css={`
+        font-family: 'Roboto';
+        font-weight: 600;
+        font-size: 0.875rem;
+        height: 22px;
+      `}
+      style={props.style}
       onChange={handleOnChange}
     >
       <option value="all">All</option>

packages/app/src/app/components/Preview/DevTools/index.js

@@ -414,6 +414,7 @@ export default class DevTools extends React.PureComponent<Props, State> {
             <MinimizeIcon
               onMouseDown={hidden ? undefined : this.handleMinimizeClick}
               style={{
+                marginTop: hidden ? 0 : 4,
                 transform: hidden ? `rotateZ(0deg)` : `rotateZ(180deg)`,
               }}
             />