dropdown classes fix

client/homebrew/navbar/account.navitem.jsx

@@ -61,7 +61,7 @@ const Account = createClass({
 	render : function(){
 		//  Logged in
 		if(global.account){
-			return <Nav.dropdown className="account">
+			return <Nav.dropdown>
 				<Nav.item
 					className='account username'
 					color='orange'

client/homebrew/navbar/help.navitem.jsx

@@ -6,7 +6,7 @@ const dedent = require('dedent-tabs').default;
 const Nav = require('naturalcrit/nav/nav.jsx');
 
 module.exports = function(props){
-	return <Nav.dropdown className="help">
+	return <Nav.dropdown>
 		<Nav.item color='grey' icon='fas fa-question-circle'>
 			need help?
 		</Nav.item>

client/homebrew/navbar/newbrew.navitem.jsx

@@ -33,7 +33,7 @@ const NewBrew = () => {
     };
 
     return (
-        <Nav.dropdown className='new'>
+        <Nav.dropdown>
             <Nav.item
                 className='new'
                 color='purple'

client/homebrew/navbar/recent.navitem.jsx

@@ -165,7 +165,7 @@ const RecentItems = createClass({
 	},
 
 	render : function(){
-		return <Nav.dropdown className='recent'>
+		return <Nav.dropdown>
 			<Nav.item icon='fas fa-history' color='grey' >
 				{this.props.text}
 			</Nav.item>

client/homebrew/pages/editPage/editPage.jsx

@@ -355,14 +355,14 @@ const EditPage = createClass({
 				{this.renderGoogleDriveIcon()}
 				{this.state.error ?
 					<ErrorNavItem error={this.state.error} parent={this}></ErrorNavItem> :
-					<Nav.dropdown className='save-menu'>
+					<Nav.dropdown>
 						{this.renderSaveButton()}
 						{this.renderAutoSaveButton()}
 					</Nav.dropdown>
 				}
 				<NewBrew />
 				<HelpNavItem/>
-				<Nav.dropdown className="share">
+				<Nav.dropdown>
 					<Nav.item color='teal' icon='fas fa-share-alt'>
 						share
 					</Nav.item>

client/homebrew/pages/sharePage/sharePage.jsx

@@ -60,7 +60,7 @@ const SharePage = createClass({
 				<Nav.section>
 					{this.props.brew.shareId && <>
 						<PrintLink shareId={this.processShareId()} />
-						<Nav.dropdown className="source">
+						<Nav.dropdown>
 							<Nav.item color='red' icon='fas fa-code'>
 								source
 							</Nav.item>

shared/naturalcrit/nav/nav.jsx

@@ -104,7 +104,7 @@ const Nav = {
 		});
 
 		return (
-			<div className={`navDropdownContainer ${props.className}`}
+			<div className={`navDropdownContainer ${props.className? props.className : ""}`}
 				ref={myRef}
 				onMouseEnter = { props.trigger.includes('hover') ? ()=>handleDropdown(true)  : undefined }
 				onMouseLeave = { props.trigger.includes('hover') ? ()=>handleDropdown(false) : undefined }