From ba1272ced892b3184b95a40e0904c27427d09e4c Mon Sep 17 00:00:00 2001
From: Bernd Bestel <bernd@berrnd.de>
Date: Sun, 2 Feb 2020 17:16:02 +0100
Subject: [PATCH] Made the navbar a little smaller

---
 changelog/56_UNRELEASED_2020-xx-xx.md |  3 +++
 public/css/grocy.css                  | 20 ++++++++++++++++++++
 views/layout/default.blade.php        |  2 +-
 3 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/changelog/56_UNRELEASED_2020-xx-xx.md b/changelog/56_UNRELEASED_2020-xx-xx.md
index cdac20e7..da5aa385 100644
--- a/changelog/56_UNRELEASED_2020-xx-xx.md
+++ b/changelog/56_UNRELEASED_2020-xx-xx.md
@@ -10,3 +10,6 @@
 - Optimized the ordering of the inputs on the recipe ingredient edit page (moved "Only check if a single unit is in stock" before the amount)
 - Fixed that when editing a recipe ingredient which had "Only check if a single unit is in stock" set, not any quantity unit could be picked and the amount stayed empty
 - Fixed that when reloading the "new recipe"-page (or when it gets auto-reloaded due to "Auto reload on external changes" is enabled), for each reload a new recipe was created
+
+### General & other improvements/fixes
+- Optimized the top navbar height to waste less space
diff --git a/public/css/grocy.css b/public/css/grocy.css
index c8d0ddca..5d43af2a 100644
--- a/public/css/grocy.css
+++ b/public/css/grocy.css
@@ -120,9 +120,15 @@ input::-webkit-inner-spin-button {
 
 /* Navigation style customizations */
 #mainNav {
+	line-height: 1;
 	background-color: #e5e5e5 !important;
 	border-bottom: 2px solid !important;
 	border-color: #d6d6d6 !important;
+	padding-bottom: 0.3rem;
+}
+
+#mainNav .dropdown-menu {
+	line-height: 1.5;
 }
 
 .navbar-sidenav {
@@ -307,6 +313,20 @@ input::-webkit-inner-spin-button {
 	}
 }
 
+@media (min-width:992px) {
+	#mainNav .navbar-collapse .navbar-sidenav {
+		margin-top: 46px;
+	}
+
+	#mainNav.fixed-top .navbar-sidenav {
+		height: calc(100vh - 94px)
+	}
+
+	#mainNav.fixed-top .sidenav-toggler {
+		margin-top:calc(100vh - 48px)
+	}
+}
+
 html {
 	min-height: inherit;
 }
diff --git a/views/layout/default.blade.php b/views/layout/default.blade.php
index 74469d3a..a72287da 100644
--- a/views/layout/default.blade.php
+++ b/views/layout/default.blade.php
@@ -419,7 +419,7 @@
 	</nav>
 	@endif
 
-	<div class="content-wrapper">
+	<div class="content-wrapper pt-0">
 		<div class="container-fluid">
 			<div class="row mb-3">
 				<div id="page-content" class="col content-text">