-
diff --git a/client/modules/Mobile/MobilePreferences.jsx b/client/modules/Mobile/MobilePreferences.jsx
index b985963a..68277907 100644
--- a/client/modules/Mobile/MobilePreferences.jsx
+++ b/client/modules/Mobile/MobilePreferences.jsx
@@ -1,25 +1,20 @@
-import React, { useEffect } from 'react';
+import React from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
-import { Link, withRouter } from 'react-router';
+import { withRouter } from 'react-router';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import * as PreferencesActions from '../IDE/actions/preferences';
import * as IdeActions from '../IDE/actions/ide';
+import IconButton from '../../components/mobile/IconButton';
import Screen from '../../components/mobile/MobileScreen';
import Header from '../../components/mobile/Header';
import PreferencePicker from '../../components/mobile/PreferencePicker';
import { ExitIcon } from '../../common/icons';
import { remSize, prop } from '../../theme';
-const IconLinkWrapper = styled(Link)`
- width: 3rem;
- margin-right: 1.25rem;
- margin-left: none;
-`;
-
const Content = styled.div`
z-index: 0;
margin-top: ${remSize(68)};
@@ -32,7 +27,11 @@ const SettingsHeader = styled(Header)`
const SectionHeader = styled.h2`
color: ${prop('primaryTextColor')};
- padding-top: 2rem
+ padding-top: ${remSize(32)}
+`;
+
+const SectionSubeader = styled.h3`
+ color: ${prop('primaryTextColor')};
`;
@@ -167,15 +166,11 @@ const MobilePreferences = (props) => {
return (
+
-
- Settings
-
-
-
-
-
-
+
+
+
@@ -186,7 +181,7 @@ const MobilePreferences = (props) => {
{ accessibilitySettings.map(option => ) }
Accessible Output
- Used with screen reader
+ Used with screen reader
{ outputSettings.map(option => ) }
diff --git a/client/modules/Mobile/MobileSketchView.jsx b/client/modules/Mobile/MobileSketchView.jsx
index b871edf9..f42a2382 100644
--- a/client/modules/Mobile/MobileSketchView.jsx
+++ b/client/modules/Mobile/MobileSketchView.jsx
@@ -49,15 +49,13 @@ const MobileSketchView = (props) => {
return (
-
-
-
-
-
-
{projectName}
-
-
-
+
+
+ }
+ title={projectName}
+ />