From 3ce0a51c492983b8bc281bb3e202d0d852f99594 Mon Sep 17 00:00:00 2001
From: ghalestrilo <ghalestrilo@gmail.com>
Date: Wed, 1 Jul 2020 17:20:32 -0300
Subject: [PATCH] :ok_hand: increase option label size

---
 client/components/mobile/PreferencePicker.jsx | 9 ++++++---
 client/modules/App/App.jsx                    | 4 +++-
 client/modules/IDE/pages/MobileIDEView.jsx    | 2 +-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/client/components/mobile/PreferencePicker.jsx b/client/components/mobile/PreferencePicker.jsx
index 5ef41a9e..2c236f4c 100644
--- a/client/components/mobile/PreferencePicker.jsx
+++ b/client/components/mobile/PreferencePicker.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { prop } from '../../theme';
+import { prop, remSize } from '../../theme';
 
 
 const PreferenceTitle = styled.h4.attrs(props => ({ ...props, className: 'preference__title' }))`
@@ -11,9 +11,12 @@ const PreferenceTitle = styled.h4.attrs(props => ({ ...props, className: 'prefer
 const Preference = styled.div.attrs(props => ({ ...props, className: 'preference' }))`
   flex-wrap: nowrap !important;
   align-items: baseline !important;
-  justify-items: space-between
+  justify-items: space-between;
 `;
 
+const OptionLabel = styled.label.attrs({ className: 'preference__option' })`
+  font-size: ${remSize(14)} !important;
+`;
 
 const Selector = ({
   title, value, onSelect, options,
@@ -32,7 +35,7 @@ const Selector = ({
           className="preference__radio-button"
           value={option.value}
           checked={value === option.value}
-        /><label htmlFor={option.id} className="preference__option">{option.label}</label>
+        /><OptionLabel htmlFor={option.id} >{option.label}</OptionLabel>
         </React.Fragment>))}
     </div>
   </Preference>
diff --git a/client/modules/App/App.jsx b/client/modules/App/App.jsx
index af441a9d..701e4838 100644
--- a/client/modules/App/App.jsx
+++ b/client/modules/App/App.jsx
@@ -2,9 +2,11 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { connect } from 'react-redux';
 import getConfig from '../../utils/getConfig';
-import DevTools from './components/DevTools';
+// import DevTools from './components/DevTools';
 import { setPreviousPath } from '../IDE/actions/ide';
 
+const DevTools = () => <></>;
+
 class App extends React.Component {
   constructor(props, context) {
     super(props, context);
diff --git a/client/modules/IDE/pages/MobileIDEView.jsx b/client/modules/IDE/pages/MobileIDEView.jsx
index 417a1f4a..180cbb2e 100644
--- a/client/modules/IDE/pages/MobileIDEView.jsx
+++ b/client/modules/IDE/pages/MobileIDEView.jsx
@@ -50,7 +50,7 @@ const MobileIDEView = (props) => {
         }
       >
         <IconButton
-          to="/mobile/settings"
+          to="/mobile/preferences"
           onClick={() => setOverlay('preferences')}
           icon={PreferencesIcon}
           aria-label="Open preferences menu"