Try out a label rather than icon for open-term-in-new-browser

We call it, POP OUT. And we think you're going to love it.

client/app/scripts/components/terminal.js

@@ -255,9 +255,11 @@ class Terminal extends React.Component {
         <div className="terminal-header-tools">
           <span
             title="Open in new browser window"
-            className="terminal-header-tools-icon fa fa-external-link"
-            onClick={this.handlePopoutTerminal} />
-          <span title="Close" className="terminal-header-tools-icon fa fa-close"
+            className="terminal-header-tools-item"
+            onClick={this.handlePopoutTerminal}>
+          Pop out
+          </span>
+          <span title="Close" className="terminal-header-tools-item-icon fa fa-close"
             onClick={this.handleCloseClick} />
         </div>
         <span className="terminal-header-title">{this.getTitle()}</span>

client/app/styles/main.less

@@ -1010,7 +1010,7 @@ h2 {
       right: 8px;
       top: 6px;
 
-      &-icon {
+      &-item, &-item-icon {
         .palable;
         padding: 4px 5px;
         color: @white;
@@ -1018,11 +1018,21 @@ h2 {
         opacity: 0.7;
         border: 1px solid rgba(255, 255, 255, 0);
         border-radius: 10%;
+
+        font-size: 0.8em;
+        font-weight: bold;
+        text-transform: uppercase;
+        word-spacing: -4px;
+
         &:hover {
           opacity: 1;
           border-color: rgba(255, 255, 255, 0.6);
         }
       }
+
+      &-item-icon {
+        font-size: 1em;
+      }
     }
   }