From 89e4c39afd67216420917c7783549de6b2de3503 Mon Sep 17 00:00:00 2001
From: saragonason <linkomaniac@web.de>
Date: Fri, 25 Mar 2022 13:41:31 +0100
Subject: [PATCH] better layout

---
 inventory-frontend/src/components/Wrapper.js | 40 +++++++++++++-------
 1 file changed, 26 insertions(+), 14 deletions(-)

diff --git a/inventory-frontend/src/components/Wrapper.js b/inventory-frontend/src/components/Wrapper.js
index c64b6d0..c63ac64 100644
--- a/inventory-frontend/src/components/Wrapper.js
+++ b/inventory-frontend/src/components/Wrapper.js
@@ -1,18 +1,23 @@
 export const Wrapper = props => {
     return <>
-        <header className="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
-            <a className="navbar-brand col-md-3 col-lg-2 me-0 px-3" href="#">Company name</a>
 
-            <div className="navbar-nav">
-                <div className="nav-item text-nowrap">
-                    <a className="nav-link px-3" href="#">Sign out</a>
-                </div>
-            </div>
-        </header>
 
         <div className="container-fluid">
             <div className="row">
-                <nav id="sidebarMenu" className="col-md-3 col-lg-2 d-md-block bg-light sidebar collapse">
+             <div className="col">
+                <header className="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow">
+                    <a className="navbar-brand col-md-3 col-lg-2 me-0 px-3" href="#">Company name</a>
+
+                    <div className="navbar-nav">
+                        <div className="nav-item text-nowrap">
+                            <a className="nav-link px-3" href="#">Sign out</a>
+                        </div>
+                    </div>
+                </header>
+             </div>
+            </div>
+            <div className="row">
+              <div className="col-2">
                     <div className="position-sticky pt-3">
                         <ul className="nav flex-column">
                             <li className="nav-item">
@@ -22,12 +27,19 @@ export const Wrapper = props => {
                             </li>
                         </ul>
                     </div>
-                </nav>
 
-                <main className="col-md-9 ms-sm-auto col-lg-10 px-md-4">
-                    {props.children}
-                </main>
+              </div>
+              <div className="col-8">
+                {props.children}
+
+              </div>
+              <div className="col-2">
+
+              </div>
             </div>
         </div>
+
+
+
     </>
-}
\ No newline at end of file
+}