From 72fcd523d1b57650d33c132c792e899e27f0e4df Mon Sep 17 00:00:00 2001
From: msosic97 <msosic97@gmail.com>
Date: Tue, 15 Mar 2022 12:15:53 +0100
Subject: [PATCH 1/3] add margin-bottom on categorpage

---
 .../src/components/CategoryBtns/categorybtns.css   |  3 +++
 kivi-cars/src/containers/CategoryPage.js           | 14 +++++++++-----
 kivi-cars/src/containers/css/CategoryPage.css      |  0
 3 files changed, 12 insertions(+), 5 deletions(-)
 create mode 100644 kivi-cars/src/containers/css/CategoryPage.css

diff --git a/kivi-cars/src/components/CategoryBtns/categorybtns.css b/kivi-cars/src/components/CategoryBtns/categorybtns.css
index e69de29..edd1ba9 100644
--- a/kivi-cars/src/components/CategoryBtns/categorybtns.css
+++ b/kivi-cars/src/components/CategoryBtns/categorybtns.css
@@ -0,0 +1,3 @@
+.category-btns {
+    margin-top: 50px;
+}
\ No newline at end of file
diff --git a/kivi-cars/src/containers/CategoryPage.js b/kivi-cars/src/containers/CategoryPage.js
index ff34542..498e1f2 100644
--- a/kivi-cars/src/containers/CategoryPage.js
+++ b/kivi-cars/src/containers/CategoryPage.js
@@ -1,17 +1,21 @@
 import Header from '../components/Header/Header';
 import ButtonsToolbar from '../components/ButtonsToolbar/ButtonsToolbar';
 import CategoryBtns from '../components/CategoryBtns/categorybtns'
-function Category() {
+import './css/CategoryPage.css'
+
+function CategoryPage() {
 
   const naslov = 'IZABERITE KATEGORIJU'
 
   return (
     <div className="category">
-      <Header header={naslov}/>
-      <ButtonsToolbar/>
-      <CategoryBtns/>
+        <Header header={naslov}/>
+        <ButtonsToolbar/>
+        <div className='category-buttons'>
+          <CategoryBtns/>
+        </div>
     </div>
   );
 }
 
-export default Category;
\ No newline at end of file
+export default CategoryPage;
\ No newline at end of file
diff --git a/kivi-cars/src/containers/css/CategoryPage.css b/kivi-cars/src/containers/css/CategoryPage.css
new file mode 100644
index 0000000..e69de29

From f743e6aad867d952b5937fb02eed2e110849d9e6 Mon Sep 17 00:00:00 2001
From: msosic97 <msosic97@gmail.com>
Date: Tue, 15 Mar 2022 12:18:56 +0100
Subject: [PATCH 2/3] add margin-top to categorybtns.css

---
 kivi-cars/src/containers/App.js | 14 --------------
 1 file changed, 14 deletions(-)

diff --git a/kivi-cars/src/containers/App.js b/kivi-cars/src/containers/App.js
index a797f39..370f47d 100644
--- a/kivi-cars/src/containers/App.js
+++ b/kivi-cars/src/containers/App.js
@@ -1,23 +1,9 @@
 import './css/App.css';
-import React from 'react';
-import FiltersNav from '../components/Searchfilters/FiltersNav';
-import Header from '../components/Header/Header';
-import ButtonsToolbar from '../components/ButtonsToolbar/ButtonsToolbar';
-import StandardBtn from '../components/Button/StandardBtn';
-import Filters from '../components/Filters/Filters';
 
 
 function App() {
-
-  const info = 'Dobrodosli na stranicu kivi!'
-
-function App() {
-
   return (
     <div className="App">
-      <Header header={info}/>
-      <ButtonsToolbar/>
-
     </div>
   );
 }

From e8cbac666beff1cf3600f5f3fd2b8b8e692b9f97 Mon Sep 17 00:00:00 2001
From: msosic97 <msosic97@gmail.com>
Date: Wed, 16 Mar 2022 10:37:56 +0100
Subject: [PATCH 3/3] custmize email page

---
 kivi-cars/src/containers/EmailPage.js      | 17 ++++--
 kivi-cars/src/containers/LandingPage.js    |  2 +-
 kivi-cars/src/containers/css/EmailPage.css | 66 +++++++++++++++++++++-
 3 files changed, 79 insertions(+), 6 deletions(-)

diff --git a/kivi-cars/src/containers/EmailPage.js b/kivi-cars/src/containers/EmailPage.js
index 1348b1e..1249ca0 100644
--- a/kivi-cars/src/containers/EmailPage.js
+++ b/kivi-cars/src/containers/EmailPage.js
@@ -14,17 +14,26 @@ function EmailPage(props) {
         <div>
             <Header header={header}/>
             <ButtonsToolbar/>
+            <div>
+                <h2 className='h2'>Slanje obavještenja</h2>
+            </div>
             <div className='buttons-container'>
                 <StandardBtn title={title1}/>
                 <StandardBtn title={title2}/>
             </div>
-            <div>
-                <h1 className='h2'>OVDJE IDU EMAILFIELDS</h1>
+            <div className='form'>
+                <form method="POST" id="form-email">
+                    <div className='email-div'>
+                        <input id="email" name='email' placeholder='vas.email@mail.com' required size='250'/>
+                        <input id="confirmEmail" name='confirmEmail' placeholder='potvrdite.email@mail.com' required size='250'/>
+                    </div>
+
+                </form>
             </div>
             <div>
-                <h2 className='h2'>*U svakom trenutku možete prekinuti slanje objava kroz
+                <h3 className='h3-2'>*U svakom trenutku možete prekinuti slanje objava kroz
                     link u vašem emailu
-                </h2>
+                </h3>
             </div>
             <div>
                 <StandardBtn title={title3}/>
diff --git a/kivi-cars/src/containers/LandingPage.js b/kivi-cars/src/containers/LandingPage.js
index c38f867..f71d41c 100644
--- a/kivi-cars/src/containers/LandingPage.js
+++ b/kivi-cars/src/containers/LandingPage.js
@@ -11,7 +11,7 @@ function LandingPage() {
     return (
       <div className="landing-page">
         <div className='logo-img'>
-            <img className='logo' src={logo}/>
+            <img className='logo' alt='Logo-img' src={logo}/>
         </div>
 
         <Header className='header' header={naslov}/>
diff --git a/kivi-cars/src/containers/css/EmailPage.css b/kivi-cars/src/containers/css/EmailPage.css
index 1f6915c..9a26c1b 100644
--- a/kivi-cars/src/containers/css/EmailPage.css
+++ b/kivi-cars/src/containers/css/EmailPage.css
@@ -1,10 +1,74 @@
 .h2 {
+    margin-top: 1rem;
     text-align: center;
-    padding: 2rem;
+    font-size: 300;
+    font-weight: 300;
+}
+
+
+.h3 {
+    margin-top: 2rem;
+    text-align: center;
+    padding: 1rem;
+    font-size: 300;
+    font-weight: 300;
+}
+
+.h3-2 {
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+    text-align: center;
+    padding: 1rem;
+    font-size: 300;
+    font-weight: 300;
 }
 
 .buttons-container {
+    margin-top: 2rem;
     display: flex;
     justify-content:center;
     gap: 20px;
+}
+
+#email {
+    width: 80%;
+    font-size: 15px;
+    padding: 20px;
+    margin: 10px;
+    border: hidden;
+    border-bottom: 1px solid lightslategrey;
+}
+#email:active {
+    width: 80%;
+    font-size: 15px;
+    padding: 20px;
+    margin: 10px;
+    border: hidden;
+    border-bottom: 1px solid lightslategrey;
+}
+
+#confirmEmail {
+    width: 80%;
+    font-size: 15px;
+    padding: 20px ;
+    margin: 10px;
+    border: hidden;
+    border-bottom: 1px solid lightslategrey;
+}
+
+.form {
+    margin-top: 1rem;
+}
+
+textarea:focus, input:focus{
+    outline: none;
+}
+
+.email-div{
+    max-width: 80%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: auto;
+    
 }
\ No newline at end of file