Made the navbar a little smaller

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

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;
 }

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