From a5151a65a320710716266e0a99f9b7e5a52f9220 Mon Sep 17 00:00:00 2001
From: Ilija Lazoroski <ilija.la@live.com>
Date: Tue, 13 Jul 2021 13:14:53 +0200
Subject: [PATCH] ui: Add style to css for RunServerPage

---
 .../cc/ui/src/components/pages/RunServerPage.js           | 6 +++---
 .../cc/ui/src/styles/pages/RunServerPage.scss             | 8 ++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/monkey/monkey_island/cc/ui/src/components/pages/RunServerPage.js b/monkey/monkey_island/cc/ui/src/components/pages/RunServerPage.js
index 6a0e983de..db5183a79 100644
--- a/monkey/monkey_island/cc/ui/src/components/pages/RunServerPage.js
+++ b/monkey/monkey_island/cc/ui/src/components/pages/RunServerPage.js
@@ -15,8 +15,8 @@ class RunServerPageComponent extends React.Component {
     return (
       <Col sm={{offset: 3, span: 9}} md={{offset: 3, span: 9}}
            lg={{offset: 3, span: 9}} xl={{offset: 2, span: 7}}
-           className={'main'}>
-        <h1 className="page-title" style={{'margin-bottom': '0px'}}>Getting Started</h1>
+           className={'main getting-started-page'}>
+        <h1 className="page-title" >Getting Started</h1>
         <div style={{'fontSize': '1.2em'}}>
           <br/>
           <HomepageCallToActions />
@@ -32,7 +32,7 @@ export default RunServerPageComponent;
 
 function HomepageCallToActions() {
   return (
-    <section id="homepage-shortcuts" style={{'margin-bottom': '20px'}}>
+    <section id="homepage-shortcuts">
       <div className="container">
         <Row className="justify-content-center">
           <div className="col-lg-4 col-sm-6">
diff --git a/monkey/monkey_island/cc/ui/src/styles/pages/RunServerPage.scss b/monkey/monkey_island/cc/ui/src/styles/pages/RunServerPage.scss
index e6c1a7497..35490caf4 100644
--- a/monkey/monkey_island/cc/ui/src/styles/pages/RunServerPage.scss
+++ b/monkey/monkey_island/cc/ui/src/styles/pages/RunServerPage.scss
@@ -1,3 +1,11 @@
+.getting-started-page h1.page-title {
+  margin-bottom: 0px;
+}
+
 #homepage-shortcuts a.d-block {
   height: 100%;
 }
+
+#homepage-shortcuts {
+  margin-bottom: 20px;
+}