From 99caca9e7dcc48ff0ca4b5e4ea10308a73ba001d Mon Sep 17 00:00:00 2001
From: msosic97 <msosic97@gmail.com>
Date: Mon, 14 Mar 2022 17:24:24 +0100
Subject: [PATCH] edited buttons.css

---
 kivi-cars/src/components/Button/button.css    | 23 +++++++----
 kivi-cars/src/components/Header/Header.css    |  2 +-
 kivi-cars/src/containers/App.js               |  6 +--
 kivi-cars/src/containers/CongratsPage.js      |  2 +-
 kivi-cars/src/containers/EmailPage.js         | 41 +++++++++++++++++++
 kivi-cars/src/containers/LandingPage.js       |  4 +-
 kivi-cars/src/containers/{ => css}/App.css    |  0
 .../src/containers/{ => css}/CongratsPage.css |  0
 kivi-cars/src/containers/css/EmailPage.css    | 10 +++++
 .../src/containers/{ => css}/LandingPage.css  |  0
 10 files changed, 74 insertions(+), 14 deletions(-)
 create mode 100644 kivi-cars/src/containers/EmailPage.js
 rename kivi-cars/src/containers/{ => css}/App.css (100%)
 rename kivi-cars/src/containers/{ => css}/CongratsPage.css (100%)
 create mode 100644 kivi-cars/src/containers/css/EmailPage.css
 rename kivi-cars/src/containers/{ => css}/LandingPage.css (100%)

diff --git a/kivi-cars/src/components/Button/button.css b/kivi-cars/src/components/Button/button.css
index 1fdf96d..0fb8155 100644
--- a/kivi-cars/src/components/Button/button.css
+++ b/kivi-cars/src/components/Button/button.css
@@ -4,8 +4,7 @@
 }
 
 .standardBtn {
-    width:400px;
-    height: 43px;
+    width:250px;
     background-color: #02ADBA;
     font-size: 20px;
     padding: 7px 20px 7px 20px;
@@ -32,11 +31,22 @@
     background-color:#9eedf3;
 }
 
+@media screen and (max-width: 900px) {
+    .standardBtn {
+        width: 250px;
+        background-color: #02ADBA;
+        font-size: 20px;
+        padding: 7px 20px 7px 20px;
+        color: white;
+        border: #02ADBA;
+    }
+  }
+
 @media screen and (max-width: 700px) {
     .standardBtn {
-        width: 280px;
+        width: 150px;
         background-color: #02ADBA;
-        font-size: 25px;
+        font-size: 20px;
         padding: 7px 20px 7px 20px;
         color: white;
         border: #02ADBA;
@@ -47,10 +57,9 @@
 
   @media screen and (max-width: 400px) {
     .standardBtn {
-        width: 250px;
-        height: 43px;
+        width: 90px;
         background-color: #02ADBA;
-        font-size: 25px;
+        font-size: 15px;
         padding: 7px 20px 7px 20px;
         color: white;
         border: #02ADBA;
diff --git a/kivi-cars/src/components/Header/Header.css b/kivi-cars/src/components/Header/Header.css
index 0e6e166..da7df41 100644
--- a/kivi-cars/src/components/Header/Header.css
+++ b/kivi-cars/src/components/Header/Header.css
@@ -21,7 +21,7 @@ header {
     }
   }
 
-@media screen and (max-width: 300px) {
+@media screen and (max-width: 350px) {
     .title {
         font-size: 20px;
     }
diff --git a/kivi-cars/src/containers/App.js b/kivi-cars/src/containers/App.js
index afa6baa..2678366 100644
--- a/kivi-cars/src/containers/App.js
+++ b/kivi-cars/src/containers/App.js
@@ -1,12 +1,12 @@
-import './App.css';
+import './css/App.css';
 import React from 'react';
-import LandingPage from './LandingPage';
+import EmailPage from './EmailPage';
 
 function App() {
 
   return (
     <div className="App">
-      <LandingPage/>
+      <EmailPage/>
 
     </div>
   );
diff --git a/kivi-cars/src/containers/CongratsPage.js b/kivi-cars/src/containers/CongratsPage.js
index 661da67..2b72241 100644
--- a/kivi-cars/src/containers/CongratsPage.js
+++ b/kivi-cars/src/containers/CongratsPage.js
@@ -1,6 +1,6 @@
 import Header from '../components/Header/Header';
 import StandardBtn from '../components/Button/StandardBtn';
-import './CongratsPage.css'
+import './css/CongratsPage.css'
 
 function CongratsPage() {
 
diff --git a/kivi-cars/src/containers/EmailPage.js b/kivi-cars/src/containers/EmailPage.js
new file mode 100644
index 0000000..1348b1e
--- /dev/null
+++ b/kivi-cars/src/containers/EmailPage.js
@@ -0,0 +1,41 @@
+import './css/EmailPage.css'
+import Header from '../components/Header/Header';
+import ButtonsToolbar from '../components/ButtonsToolbar/ButtonsToolbar';
+import StandardBtn from '../components/Button/StandardBtn';
+
+
+function EmailPage(props) {
+    const header = "SLANJE OBAVJEŠTENJA";
+    var title1 = 'Odmah';
+    var title2 = 'Dnevno';
+    var title3 = 'ZAVRŠI';
+
+    return ( 
+        <div>
+            <Header header={header}/>
+            <ButtonsToolbar/>
+            <div className='buttons-container'>
+                <StandardBtn title={title1}/>
+                <StandardBtn title={title2}/>
+            </div>
+            <div>
+                <h1 className='h2'>OVDJE IDU EMAILFIELDS</h1>
+            </div>
+            <div>
+                <h2 className='h2'>*U svakom trenutku možete prekinuti slanje objava kroz
+                    link u vašem emailu
+                </h2>
+            </div>
+            <div>
+                <StandardBtn title={title3}/>
+            </div>
+        </div>
+        
+
+        
+
+
+     );
+}
+
+export default EmailPage;
\ No newline at end of file
diff --git a/kivi-cars/src/containers/LandingPage.js b/kivi-cars/src/containers/LandingPage.js
index a0e229c..c38f867 100644
--- a/kivi-cars/src/containers/LandingPage.js
+++ b/kivi-cars/src/containers/LandingPage.js
@@ -1,7 +1,7 @@
 import logo  from '../assets/logo.png'
 import StandardBtn from '../components/Button/StandardBtn';
 import Header from '../components/Header/Header';
-import './LandingPage.css'
+import './css/LandingPage.css'
 
 function LandingPage() {
 
@@ -17,7 +17,7 @@ function LandingPage() {
         <Header className='header' header={naslov}/>
         <div className='paragraph'>
             <h2> Sva motorna vozila dostupna u oglasima </h2>
-            <h2> Na Vas email </h2>
+            <h2> Na Vaš email </h2>
             <h2 id='besplatno'> BESPLATNO </h2>
             
         </div>
diff --git a/kivi-cars/src/containers/App.css b/kivi-cars/src/containers/css/App.css
similarity index 100%
rename from kivi-cars/src/containers/App.css
rename to kivi-cars/src/containers/css/App.css
diff --git a/kivi-cars/src/containers/CongratsPage.css b/kivi-cars/src/containers/css/CongratsPage.css
similarity index 100%
rename from kivi-cars/src/containers/CongratsPage.css
rename to kivi-cars/src/containers/css/CongratsPage.css
diff --git a/kivi-cars/src/containers/css/EmailPage.css b/kivi-cars/src/containers/css/EmailPage.css
new file mode 100644
index 0000000..1f6915c
--- /dev/null
+++ b/kivi-cars/src/containers/css/EmailPage.css
@@ -0,0 +1,10 @@
+.h2 {
+    text-align: center;
+    padding: 2rem;
+}
+
+.buttons-container {
+    display: flex;
+    justify-content:center;
+    gap: 20px;
+}
\ No newline at end of file
diff --git a/kivi-cars/src/containers/LandingPage.css b/kivi-cars/src/containers/css/LandingPage.css
similarity index 100%
rename from kivi-cars/src/containers/LandingPage.css
rename to kivi-cars/src/containers/css/LandingPage.css