From d1e1eaf2ae328f64c40cdd652728fef501698a2c Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Wed, 5 Aug 2020 18:12:34 +0200
Subject: [PATCH] New css

---
 lostplaces/lostplaces_app/static/main.css | 29 +++++++++++++++--------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/lostplaces/lostplaces_app/static/main.css b/lostplaces/lostplaces_app/static/main.css
index 19904e3..619b9c6 100644
--- a/lostplaces/lostplaces_app/static/main.css
+++ b/lostplaces/lostplaces_app/static/main.css
@@ -261,17 +261,26 @@ body {
     .LP-Menu .LP-Link__Text:hover {
       color: #76323F; }
   .LP-Menu--sidebar {
-    border: none;
-    min-width: 60px; }
+    border-top: 1px solid #C09F80;
+    border-left: none;
+    min-width: 60px;
+    background-color: #f9f9f9;
+    height: 100%;
+    padding-top: 25px; }
     .LP-Menu--sidebar .LP-Menu__List {
       flex-direction: column; }
       .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item {
         text-align: left;
-        margin-bottom: 10px; }
+        margin-bottom: 10px;
+        padding-left: 25px; }
+        .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item .LP-Link {
+          line-height: 1em; }
         .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:last-child {
           margin-bottom: 0; }
-        .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item .LP-Link:hover {
-          background-color: #f9f9f9; }
+        .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:hover {
+          border-right: 2px solid #C09F80;
+          position: relative;
+          background-color: #D7CEC7; }
 
 @media (max-width: 750px) {
   .LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List {
@@ -290,7 +299,7 @@ body {
   align-items: center;
   justify-content: space-between;
   height: 60px;
-  border-bottom: 1px solid #C09F80; }
+  box-shadow: 0 0 2px #C09F80; }
   .LP-Header__Navigation {
     flex-grow: 2; }
   .LP-Header__Logo {
@@ -298,6 +307,7 @@ body {
     margin: 25px;
     object-fit: cover;
     max-height: 100%;
+    width: 225px;
     overflow: hidden;
     flex-shrink: 0; }
     .LP-Header__Logo .LP-Image {
@@ -513,9 +523,8 @@ body {
     flex-grow: 1;
     width: calc(100% -300px);
     min-height: 1px; }
-  .LP-Main .LP-Main__Navigation {
+  .LP-Main .LP-Main__Sidebar {
     flex-shrink: 0;
-    width: 200px;
+    width: 250px;
     flex-grow: 0;
-    height: 100%;
-    border-right: 1px solid #C09F80; }
+    height: 100%; }