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] 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