add link to logo

package.json

@@ -18,7 +18,7 @@
     "react-router": "^5.2.0",
     "react-router-bootstrap": "^0.25.0",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "4.0.3",
+    "react-scripts": "^4.0.3",
     "web-vitals": "^1.0.1"
   },
   "scripts": {

src/components/AddJournal/AddJournal.js

@@ -3,6 +3,7 @@ import { React, useState } from 'react';
 import { Row, Col, Form, Button } from 'react-bootstrap';
 import { showSuccessMessage, showErrorMessage } from "../../helpers/alerts"
 import { JournalValidation } from '../../helpers/validate';
+import "./Addjournal.css"
 
 function AddJournal() {
   const [title, setTitle] = useState('');
@@ -119,24 +120,28 @@ function AddJournal() {
             <Form.Control
               type='text'
               placeholder='Policy Title'
+              className='policy-ele'
               onChange={(e) => setPolicyTitle(e.target.value)}
               value={policyTitle}
             />
             <Form.Control
               type='text'
               placeholder='First Year'
+              className='first-ele'
               onChange={(e) => setFirstYear(e.target.value)}
               value={firstYear}
             />
             <Form.Control
               type='text'
               placeholder='Last Year'
+              className='last-ele'
               onChange={(e) => setLastYear(e.target.value)}
               value={lastYear}
             />
             <Form.Control
               type='text'
               placeholder='Type'
+
               onChange={(e) => setPolicyType(e.target.value)}
               value={policyType}
             />

src/components/AddJournal/Addjournal.css

@@ -0,0 +1,9 @@
+.policy-ele{
+    margin-bottom: 5px;
+}
+.first-ele{
+    margin-bottom: 5px;
+}
+.last-ele{
+    margin-bottom: 5px;
+}

src/components/marginals/Navbar/Navigation.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import './Navigation.css';
 import { Navbar, Nav } from 'react-bootstrap';
+import {Link} from 'react-router-dom'
 import { LinkContainer } from 'react-router-bootstrap';
 import Logo from '../../../assets/logo.webp';
 import { SearchBar } from '../index';
@@ -15,9 +16,11 @@ function Navigation() {
       style={{ paddingLeft: '30px', paddingRight: '30px' }}
       fixed='top'
     >
+      <Link to='/'> 
       <Navbar.Brand href='#home'>
         <img src={Logo} alt='code is science' srcSet='' height={81} width={150} />
       </Navbar.Brand>
+      </Link>
       <Navbar.Toggle aria-controls='responsive-navbar-nav' />
       <Navbar.Collapse id='responsive-navbar-nav' className='justify-content-evenly'>
         <Nav>