Move Metadata window to title

client/homebrew/navbar/metadata.navitem.jsx

@@ -50,8 +50,7 @@ const MetadataNav = createClass({
 	renderMetaWindow : function(){
 		if(!this.state.showMetaWindow) return null;
 
-		return <div className='windowWrapper'>
-			<div className='window'>
+		return <div className='window'>
 			<div className='row'>
 				<h4>Description</h4>
 				<p>{this.props.brew.description || 'No description.'}</p>
@@ -69,10 +68,9 @@ const MetadataNav = createClass({
 				<p>{this.getSystems()}</p>
 			</div>
 			<div className='row'>
-					<h4>Last Updated</h4>
+				<h4>Updated</h4>
 				<p>{Moment(this.props.brew.updatedAt).fromNow()}</p>
 			</div>
-			</div>
 		</div>;
 	},
 

client/homebrew/navbar/navbar.less

@@ -175,24 +175,25 @@
 		i{
 			margin-right: 10px;
 		}
-		.windowWrapper{
-			position: fixed;
-			top: 18px;
-			left: 0px;
-			width: calc(100vw - 30px);
-			z-index: -1;
+		// .windowWrapper{
+		// 	position: fixed;
+		// 	top: 18px;
+		// 	left: 0px;
+		// 	width: calc(100vw - 30px);
+		// 	z-index: -1;
 		.window{
-				max-width : 764px;
+			position: absolute;
+			top: 100%;
 			width: 80%;
-				min-width : 380px;
+			left: 10%;
 			max-height : ~"calc(100vh - 28px)";
 			background-color : #333;
 			display: flex;
 			flex-flow: row wrap;
 			justify-content: flex-start;
 			align-content: baseline;
-				padding: 10px 10px 0px;
-				border-radius: 5px;
+			padding: 0px 10px;
+			border-radius: 0 0 5px 5px;
 			margin: 0 auto;
 			.row{
 				display   : flex;
@@ -227,7 +228,7 @@
 					}
 				}
 			}
-			}
+			// }
 		}
 	}
 	.warning.navItem{