Page width varies on screen size

monkey_island/cc/ui/src/components/pages/ConfigurePage.js

@@ -107,7 +107,7 @@ class ConfigurePageComponent extends React.Component {
     }
 
     return (
-      <Col xs={12}>
+      <Col xs={12} lg={8}>
         <h1 className="page-title">Monkey Configuration</h1>
         <Nav bsStyle="tabs" justified
              activeKey={this.state.selectedSection} onSelect={this.setSelectedSection}

monkey_island/cc/ui/src/components/pages/MapPage.js

@@ -162,7 +162,7 @@ class MapPageComponent extends React.Component {
     return (
       <div>
         {this.renderKillDialogModal()}
-        <Col xs={12}>
+        <Col xs={12} lg={8}>
           <h1 className="page-title">Infection Map</h1>
         </Col>
         <Col xs={12}>

monkey_island/cc/ui/src/components/pages/ReadMePage.js

@@ -34,7 +34,7 @@ class ReadMePageComponent extends React.Component {
   render() {
 
     return (
-      <Col xs={12}>
+      <Col xs={12} lg={8}>
         <h1 className="page-title">Read Me</h1>
         <Nav bsStyle="tabs" justified
              activeKey={this.state.selectedSection} onSelect={this.setSelectedSection}

monkey_island/cc/ui/src/components/pages/ReportPage.js

@@ -8,7 +8,7 @@ class ReportPageComponent extends React.Component {
 
   render() {
     return (
-      <Col xs={12}>
+      <Col xs={12} lg={8}>
         <h1 className="page-title">Penetration Test Report</h1>
         <div style={{'fontSize': '1.5em'}}>
           <p>

monkey_island/cc/ui/src/components/pages/RunMonkeyPage.js

@@ -121,7 +121,7 @@ class RunMonkeyPageComponent extends React.Component {
 
   render() {
     return (
-      <Col xs={12}>
+      <Col xs={12} lg={8}>
         <h1 className="page-title">Run the Monkey</h1>
         <p style={{'fontSize': '1.2em', 'marginBottom': '2em'}}>
           You can run the monkey on the C&C server, on your local machine and basically everywhere.

monkey_island/cc/ui/src/components/pages/RunServerPage.js

@@ -16,7 +16,7 @@ class RunServerPageComponent extends React.Component {
 
   render() {
     return (
-      <Col xs={12}>
+      <Col xs={12} lg={8}>
         <h1 className="page-title">Monkey Island C&C Server</h1>
         <div style={{'fontSize': '1.5em'}}>
           <p>Your Monkey Island server is up and running on <b>{this.state.ip}</b> &#x1F44F; &#x1F44F;</p>

monkey_island/cc/ui/src/components/pages/StartOverPage.js

@@ -64,7 +64,7 @@ class StartOverPageComponent extends React.Component {
 
   render() {
     return (
-      <Col xs={12}>
+      <Col xs={12} lg={8}>
         {this.renderCleanDialogModal()}
         <h1 className="page-title">Start Over</h1>
         <div style={{'fontSize': '1.2em'}}>

monkey_island/cc/ui/src/components/pages/TelemetryPage.js

@@ -29,7 +29,7 @@ class TelemetryPageComponent extends React.Component {
 
   render() {
     return (
-      <Col xs={12}>
+      <Col xs={12} lg={8}>
         <h1 className="page-title">Monkey Telemetry</h1>
         <div className="data-table-container">
           <DataTable