Default monitors to a monospace font (#1051)

Author: Methuselah96

packages/redux-devtools-app/src/containers/monitors/Slider.tsx

@@ -27,7 +27,7 @@ class Slider extends Component<Props> {
   }
   render() {
     return (
-      <SliderWrapper>
+      <SliderWrapper className="slider">
         <SliderMonitor
           {...this.props.liftedState}
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment

packages/redux-devtools-ui/src/Container/styles/index.ts

@@ -25,7 +25,8 @@ export const MainContainerWrapper = styled.div`
 
   .CodeMirror div,
   pre,
-  .monitor-LogMonitor * {
+  .monitor div,
+  .slider div {
     font-family: ${(props) =>
       props.theme.codeFontFamily || props.theme.fontFamily || 'monospace'};
   }

packages/redux-devtools-ui/test/__snapshots__/Container.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`Container renders correctly 1`] = `
 <div
-  class="sc-bdvvtL bKcxHw"
+  class="sc-bdvvtL bHghii"
 >
   Text
 </div>