From b3d89937ba6c6d123fdad6cd5a3de1f007f77f62 Mon Sep 17 00:00:00 2001
From: Itay Mizeretz <itay.mizeretz@guardicore.com>
Date: Mon, 16 Oct 2017 17:29:43 +0300
Subject: [PATCH] Page width varies on screen size

---
 monkey_island/cc/ui/src/components/pages/ConfigurePage.js | 2 +-
 monkey_island/cc/ui/src/components/pages/MapPage.js       | 2 +-
 monkey_island/cc/ui/src/components/pages/ReadMePage.js    | 2 +-
 monkey_island/cc/ui/src/components/pages/ReportPage.js    | 2 +-
 monkey_island/cc/ui/src/components/pages/RunMonkeyPage.js | 2 +-
 monkey_island/cc/ui/src/components/pages/RunServerPage.js | 2 +-
 monkey_island/cc/ui/src/components/pages/StartOverPage.js | 2 +-
 monkey_island/cc/ui/src/components/pages/TelemetryPage.js | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/monkey_island/cc/ui/src/components/pages/ConfigurePage.js b/monkey_island/cc/ui/src/components/pages/ConfigurePage.js
index 5b239d1f8..417325e58 100644
--- a/monkey_island/cc/ui/src/components/pages/ConfigurePage.js
+++ b/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}
diff --git a/monkey_island/cc/ui/src/components/pages/MapPage.js b/monkey_island/cc/ui/src/components/pages/MapPage.js
index f59018425..ef5ab9b9e 100644
--- a/monkey_island/cc/ui/src/components/pages/MapPage.js
+++ b/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}>
diff --git a/monkey_island/cc/ui/src/components/pages/ReadMePage.js b/monkey_island/cc/ui/src/components/pages/ReadMePage.js
index 199e4c623..ad10cf787 100644
--- a/monkey_island/cc/ui/src/components/pages/ReadMePage.js
+++ b/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}
diff --git a/monkey_island/cc/ui/src/components/pages/ReportPage.js b/monkey_island/cc/ui/src/components/pages/ReportPage.js
index c607a99fe..b4d6d55c1 100644
--- a/monkey_island/cc/ui/src/components/pages/ReportPage.js
+++ b/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>
diff --git a/monkey_island/cc/ui/src/components/pages/RunMonkeyPage.js b/monkey_island/cc/ui/src/components/pages/RunMonkeyPage.js
index 95b819660..830b2a8e8 100644
--- a/monkey_island/cc/ui/src/components/pages/RunMonkeyPage.js
+++ b/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.
diff --git a/monkey_island/cc/ui/src/components/pages/RunServerPage.js b/monkey_island/cc/ui/src/components/pages/RunServerPage.js
index d601e1915..ff59b744d 100644
--- a/monkey_island/cc/ui/src/components/pages/RunServerPage.js
+++ b/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>
diff --git a/monkey_island/cc/ui/src/components/pages/StartOverPage.js b/monkey_island/cc/ui/src/components/pages/StartOverPage.js
index 543f9465b..4c3ae8fb4 100644
--- a/monkey_island/cc/ui/src/components/pages/StartOverPage.js
+++ b/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'}}>
diff --git a/monkey_island/cc/ui/src/components/pages/TelemetryPage.js b/monkey_island/cc/ui/src/components/pages/TelemetryPage.js
index d27adfcfa..816409e00 100644
--- a/monkey_island/cc/ui/src/components/pages/TelemetryPage.js
+++ b/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