From 921bedbcda4c67bf667ac306a90c10c222c10095 Mon Sep 17 00:00:00 2001
From: Niko Hakala <niko_hakala_94@hotmail.com>
Date: Wed, 6 Nov 2019 10:36:16 +0200
Subject: [PATCH] Something

---
 package-lock.json            |  6 +++---
 src/App.css                  | 16 +++++++++++++---
 src/Components/Home.js       | 10 ++++++++--
 src/Components/Navigator2.js |  6 +++---
 src/Components/Plants.js     |  2 +-
 5 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7bb5a36..799d014 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6186,9 +6186,9 @@
       "integrity": "sha512-d4sze1JNC454Wdo2fkuyzCr6aHcbL6PGGuFAz0Li/NcOm1tCHGnWDRmJP85dh9IhQErTc2svWFEX5xHIOo//kQ=="
     },
     "handlebars": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.4.2.tgz",
-      "integrity": "sha512-cIv17+GhL8pHHnRJzGu2wwcthL5sb8uDKBHvZ2Dtu5s1YNt0ljbzKbamnc+gr69y7bzwQiBdr5+hOpRd5pnOdg==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.5.1.tgz",
+      "integrity": "sha512-C29UoFzHe9yM61lOsIlCE5/mQVGrnIOrOq7maQl76L7tYPCgC1og0Ajt6uWnX4ZTxBPnjw+CUvawphwCfJgUnA==",
       "requires": {
         "neo-async": "^2.6.0",
         "optimist": "^0.6.1",
diff --git a/src/App.css b/src/App.css
index 50d73a6..76562d1 100644
--- a/src/App.css
+++ b/src/App.css
@@ -79,11 +79,21 @@
 }
 
 .nav-link{
-  font-size: 30px;
-
+  font-size: 25px;
 }
 
 .navbar-brand{
   padding: 3px;
-  font-size: 40px;
+  font-size: 35px;
+}
+
+.home-wrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: flex-start;
+}
+
+.hometext {
+  padding: 20px;
 }
diff --git a/src/Components/Home.js b/src/Components/Home.js
index 99fefdc..1eb0134 100644
--- a/src/Components/Home.js
+++ b/src/Components/Home.js
@@ -9,8 +9,8 @@ import MultipleGridImages from 'react-multiple-image-grid'
 
 const Home = () => {
     return (
-        <div>
-            <div style={{width: '60%'}}>
+        <div className="home-wrapper">
+            <div className="gridimages" style={{width: '50%'}}>
                 <MultipleGridImages images={[
                 "../Photos/kokous1.jpeg",
                 "../Photos/kolvaus1.jpeg",
@@ -25,6 +25,12 @@ const Home = () => {
                 "../Photos/valkosipulivk2.jpg",
                 "../Photos/valkosipulivk3.jpg"]}/>
             </div>
+            <div className="hometext">
+                <h3>About</h3>
+                <p>
+                    Tekstiä
+                </p>
+            </div>
         </div>
 
     );
diff --git a/src/Components/Navigator2.js b/src/Components/Navigator2.js
index fe8f5b1..8d6df2e 100644
--- a/src/Components/Navigator2.js
+++ b/src/Components/Navigator2.js
@@ -12,9 +12,9 @@ const Navigator2 = () => {
                 <Navbar.Toggle aria-controls="responsive-navbar-nav" />
                 <Navbar.Collapse id="responsive-navbar-nav">
                     <Nav className="mr-auto">
-                    <Link className="nav-link" to="/">Home</Link>
-                    <Link className="nav-link" to="/system">System Information</Link>
-                    <Link className="nav-link" to="/plants">My Plants</Link>
+                        <Link className="nav-link" to="/">Home</Link>
+                        <Link className="nav-link" to="/system">System Information</Link>
+                        <Link className="nav-link" to="/plants">My Plants</Link>
                     </Nav>
                 </Navbar.Collapse>
             </Navbar>
diff --git a/src/Components/Plants.js b/src/Components/Plants.js
index fefc2ab..9153653 100644
--- a/src/Components/Plants.js
+++ b/src/Components/Plants.js
@@ -1,7 +1,7 @@
 import React, {useState, useEffect} from 'react';
 
-const Plants = () => {
 
+const Plants = () => {
 
     // TODO Figure out layout and what information to pull form json
     // Maby add pictures etc.