From 1126481d5392c6c4ee088050eea460ea0dc67b1b Mon Sep 17 00:00:00 2001
From: "G.Ambatte" <sean@robertson-family.nz>
Date: Wed, 15 Mar 2023 11:46:27 +1300
Subject: [PATCH] Add Last Updated field and nudge styling

---
 client/homebrew/navbar/metadata.navitem.jsx    | 3 +++
 client/homebrew/navbar/navbar.less             | 6 +++---
 client/homebrew/pages/sharePage/sharePage.less | 1 +
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/client/homebrew/navbar/metadata.navitem.jsx b/client/homebrew/navbar/metadata.navitem.jsx
index 09672c632..e64bdfb3f 100644
--- a/client/homebrew/navbar/metadata.navitem.jsx
+++ b/client/homebrew/navbar/metadata.navitem.jsx
@@ -1,6 +1,7 @@
 const React = require('react');
 const createClass = require('create-react-class');
 const _ = require('lodash');
+const Moment = require('moment');
 
 const Nav = require('naturalcrit/nav/nav.jsx');
 
@@ -54,6 +55,8 @@ const MetadataNav = createClass({
 			<p>{this.getTags()}</p>
 			<h4>Systems</h4>
 			<p>{this.getSystems()}</p>
+			<h4>Last Updated</h4>
+			<p>{Moment(this.props.brew.updatedAt).fromNow()}</p>
 		</div>;
 	},
 
diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less
index 5fb600d52..2525491b9 100644
--- a/client/homebrew/navbar/navbar.less
+++ b/client/homebrew/navbar/navbar.less
@@ -175,9 +175,9 @@
 		}
 		.dropdown{
 			position   : absolute;
-			top        : 28px;
+			top        : 18px;
 			left       : 0px;
-			z-index    : 10000;
+			z-index    : -1;
 			width      : 100%;
 			max-height : ~"calc(100vh - 28px)";
 			background-color : #333;
@@ -185,7 +185,7 @@
 			flex-flow: row wrap;
 			justify-content: flex-start;
 			align-content: baseline;
-			padding: 0px 10px;
+			padding: 10px 10px 0px;
 			border-radius: 5px;
 			h4{
 				display: block;
diff --git a/client/homebrew/pages/sharePage/sharePage.less b/client/homebrew/pages/sharePage/sharePage.less
index 83e784c49..792bec360 100644
--- a/client/homebrew/pages/sharePage/sharePage.less
+++ b/client/homebrew/pages/sharePage/sharePage.less
@@ -2,6 +2,7 @@
 	.navContent .navSection.titleSection {
 		flex-grow: 1;
 		justify-content: center;
+		z-index: 2;
 	}
 	.content{
 		overflow-y : hidden;