Remove wrapping from RootPage component

Author: catarak

client/components/RootPage.jsx

@@ -3,7 +3,6 @@ import { prop } from '../theme';
 
 const RootPage = styled.div`
   height: 100%;
-  flex-wrap: wrap;
   display: flex;
   flex-direction: column;
   color: ${prop('primaryTextColor')};

client/modules/IDE/components/About.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Helmet } from 'react-helmet';
 import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router';
 import SquareLogoIcon from '../../../images/p5js-square-logo.svg';
 // import PlayIcon from '../../../images/play.svg';
 import AsteriskIcon from '../../../images/p5-asterisk.svg';
@@ -148,24 +149,24 @@ function About(props) {
           </a>
         </p>
         <p className="about__content-column-list">
-          <a href="/privacy-policy" target="_blank" rel="noopener noreferrer">
+          <Link to="/privacy-policy">
             <AsteriskIcon
               className="about__content-column-asterisk"
               aria-hidden="true"
               focusable="false"
             />
             Privacy Policy
-          </a>
+          </Link>
         </p>
         <p className="about__content-column-list">
-          <a href="/terms-of-use" target="_blank" rel="noopener noreferrer">
+          <Link to="/terms-of-use">
             <AsteriskIcon
               className="about__content-column-asterisk"
               aria-hidden="true"
               focusable="false"
             />
             Terms of Use
-          </a>
+          </Link>
         </p>
       </div>
       <div className="about__footer">

client/modules/IDE/pages/FullView.jsx

@@ -46,7 +46,7 @@ function FullView(props) {
     };
   }, []);
   return (
-    <RootPage style={{ flexWrap: 'initial' }}>
+    <RootPage>
       <Helmet>
         <title>{project.name}</title>
       </Helmet>

client/routes.jsx

@@ -119,8 +119,8 @@ const routes = (store) => (
     {/* Mobile-only Routes */}
     <Route path="/preview" component={MobileSketchView} />
     <Route path="/preferences" component={MobilePreferences} />
-    <Route path="privacy-policy" component={PrivacyPolicy} />
-    <Route path="terms-of-use" component={TermsOfUse} />
+    <Route path="/privacy-policy" component={PrivacyPolicy} />
+    <Route path="/terms-of-use" component={TermsOfUse} />
   </Route>
 );