Some minor comments and tweaks, hide Textarea maximize button for mobile.

src/components/Button.jsx

@@ -1,10 +1,12 @@
 import React from 'react';
 
+// Creates a clickable <span> tag with an onclick action.
 export class Button extends React.Component {
   constructor(props) {
     super(props);
   }
 
+  // Always give the Button a 'clickable' class and then add any others.
   processClasses() {
     var classes = 'clickable';
 

src/components/TextArea.jsx

@@ -8,32 +8,16 @@ import {FixedPage} from './FixedPage';
 export class TextArea extends Input {
   constructor(props) {
     super(props);
-
-    // Bind listeners
-    this.handleMaximizeClick = this.handleMaximizeClick.bind(this);
-  }
-
-  handleMaximizeClick() {
-    var sourceTextboxElement = document.getElementById(this.props.id);
-    var targetTextboxElement = document.getElementById("fullScreenTextbox");
-    document.getElementById("fullScreenTextboxLabel").innerHTML = this.props.name;
-    var selection = getInputSelection(sourceTextboxElement);
-
-    document.getElementById("expandedTextboxId").innerHTML = this.props.id;
-    targetTextboxElement.value = sourceTextboxElement.value;
-    document.getElementById("fullScreenTextboxScreen").style.display = "block";
-
-    targetTextboxElement.focus();
-    setSelectionRange(targetTextboxElement, selection.start, selection.end);
   }
 
+  // Use a FixedPage for TextArea's fullscreen mode.
   render() {
     return (
       <label>
         <span>
           {this.props.name}
 
-          <FixedPage id={this.props.id + '_textbox'} contentClass='no-scroll' buttonClasses='inline-button' buttonText='Maximize'>
+          <FixedPage id={this.props.id + '_textbox'} contentClass='no-scroll' buttonClasses='maximize-button' buttonText='Maximize'>
             <label><span>{this.props.name}</span></label>
 
             <textarea id={this.props.id} className='fullscreen-textbox' onChange={this.handleOnChange} onKeyDown={this.handleOnKeyDown} value={this.state.value} />
@@ -46,4 +30,4 @@ export class TextArea extends Input {
       </label>
     );
   }
-}
+}

src/sass/_mobile.scss

@@ -120,7 +120,7 @@ and (max-width : 910px) {
         display: none;
     }
 
-    #showFullScreenTextbox {
+    .maximize-button {
         display: none;
     }
 

src/sass/_styles.scss

@@ -439,6 +439,10 @@ searchTerm {
     overflow-y: hidden !important;
 }
 
+.maximize-button {
+    @extend .inline-button;
+}
+
 .fullscreen-textbox {
     position: relative;
     width: 100%;