Revert response headers tweak

app/components/ResponseHeadersViewer.js

@@ -7,9 +7,30 @@ const ResponseHeadersViewer = ({headers}) => {
   ).join('\n');
 
   return (
-    <pre className="scrollable wide tall selectable monospace pad">
-      {headersString}
-    </pre>
+    <div>
+      <table className="wide">
+        <thead>
+        <tr>
+          <th>Name</th>
+          <th>Value</th>
+        </tr>
+        </thead>
+        <tbody>
+        {headers.map((h, i) => (
+          <tr className="selectable" key={i}>
+            <td>{h.name}</td>
+            <td>{h.value}</td>
+          </tr>
+        ))}
+        </tbody>
+      </table>
+      <p className="pad-top">
+        <CopyButton
+          className="pull-right btn btn--super-compact btn--outlined"
+          content={headersString}
+        />
+      </p>
+    </div>
   )
 };
 

app/components/ResponsePane.js

@@ -11,7 +11,6 @@ import {getPreviewModeName} from '../lib/previewModes';
 import {PREVIEW_MODE_SOURCE} from '../lib/previewModes';
 import {REQUEST_TIME_TO_SHOW_COUNTER} from '../lib/constants';
 import {MOD_SYM} from '../lib/constants';
-import RequestSwitcherModal from './modals/RequestSwitcherModal';
 
 class ResponsePane extends Component {
   render () {
@@ -147,7 +146,7 @@ class ResponsePane extends Component {
               />
             )}
           </TabPanel>
-          <TabPanel>
+          <TabPanel className="scrollable pad">
             <ResponseHeadersViewer headers={response.headers}/>
           </TabPanel>
         </Tabs>

scripts/build.sh

@@ -3,6 +3,7 @@
 
 BUILD_DIR='./build'
 
+say "Starting build"
 echo "-- REMOVING DIST FOLDER --"
 rm -r "$BUILD_DIR"
 
@@ -26,3 +27,4 @@ cd "$BUILD_DIR"/
 NODE_ENV=production npm install
 
 echo "-- BUILD COMPLETE --"
+say "Build complete"