Test feedback page

src/client/components/main_layout/FeedbackPage.js

@@ -14,15 +14,11 @@ const styles = theme => ({
   },
   content: {
     padding: theme.spacing(1),
-    width: 800,
-    overflowY: 'auto'
-  },
-  spinnerContainer: {
-    display: 'flex',
     width: '100%',
-    height: '100%',
-    alignItems: 'center',
-    justifyContent: 'center'
+    overflowY: 'auto',
+    [theme.breakpoints.up('md')]: {
+      width: 800,
+    },
   },
   // https://benmarshall.me/responsive-iframes/
   iframeContainer: {
@@ -38,6 +34,13 @@ const styles = theme => ({
     top: 0,
     width: '100%',
   },
+  spinnerContainer: {
+    display: 'flex',
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   spinner: {
     height: 40,
     width: 40,

src/client/containers/SemanticPortal.js

@@ -420,7 +420,11 @@ let SemanticPortal = props => {
           { /* create routes for info buttons */ }
           <Route
             path={`/feedback`}
-            render={() => null /* <FeedbackPage /> */ }
+            render={() =>
+              <div className={classes.mainContainer}>
+                <FeedbackPage />
+              </div>
+            }
           />
         </React.Fragment>
       </div>