diff --git a/client/homebrew/navbar/metadata.navitem.jsx b/client/homebrew/navbar/metadata.navitem.jsx
index e64bdfb3f..9f25f1a0f 100644
--- a/client/homebrew/navbar/metadata.navitem.jsx
+++ b/client/homebrew/navbar/metadata.navitem.jsx
@@ -47,16 +47,26 @@ const MetadataNav = createClass({
if(!this.state.showMetaWindow) return null;
return
-
Description
-
{this.props.brew.description || 'No description.'}
-
Authors
-
{this.getAuthors()}
-
Tags
-
{this.getTags()}
-
Systems
-
{this.getSystems()}
-
Last Updated
-
{Moment(this.props.brew.updatedAt).fromNow()}
+
+
Description
+
{this.props.brew.description || 'No description.'}
+
+
+
Authors
+
{this.getAuthors()}
+
+
+
Tags
+
{this.getTags()}
+
+
+
Systems
+
{this.getSystems()}
+
+
+
Last Updated
+
{Moment(this.props.brew.updatedAt).fromNow()}
+
;
},
diff --git a/client/homebrew/navbar/navbar.less b/client/homebrew/navbar/navbar.less
index 2525491b9..036c8f574 100644
--- a/client/homebrew/navbar/navbar.less
+++ b/client/homebrew/navbar/navbar.less
@@ -187,23 +187,30 @@
align-content: baseline;
padding: 10px 10px 0px;
border-radius: 5px;
- h4{
- display: block;
- box-sizing: border-box;
- padding: 5px 0px;
- color: #bbb;
- text-align: center;
- border-top: 1px solid #888;
- flex-basis: 20%;
- }
- p{
- font-family : 'Open Sans', sans-serif;
- font-size : 10px;
- font-weight : normal;
- text-transform : initial;
- padding: 5px 0;
- flex-basis: 80%;
- border-top: 1px solid #888;
+ .row{
+ display : flex;
+ flex-flow : row wrap;
+ width : 100%;
+ h4{
+ display : block;
+ box-sizing : border-box;
+ padding : 5px 0px;
+ color : #bbb;
+ text-align : center;
+ border-top : 1px solid #888;
+ flex-basis : 20%;
+ flex-grow : 1;
+ }
+ p{
+ font-family : 'Open Sans', sans-serif;
+ font-size : 10px;
+ font-weight : normal;
+ text-transform : initial;
+ padding : 5px 0;
+ flex-basis : 80%;
+ flex-grow : 1;
+ border-top : 1px solid #888;
+ }
}
}
}