From 3397d6b6ef32832311d2ba3a3f5c2da320a427cd Mon Sep 17 00:00:00 2001
From: Mitchell <mgerb42@gmail.com>
Date: Sun, 28 Jan 2018 15:02:53 -0600
Subject: [PATCH] client - input styling updates for firefox

---
 client/app/components/forum-nav/forum-nav.tsx | 1 +
 client/app/pages/forum/forum.tsx              | 9 ++++++---
 client/app/scss/style.scss                    | 5 +++++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/client/app/components/forum-nav/forum-nav.tsx b/client/app/components/forum-nav/forum-nav.tsx
index 9c049a9..a363483 100644
--- a/client/app/components/forum-nav/forum-nav.tsx
+++ b/client/app/components/forum-nav/forum-nav.tsx
@@ -88,6 +88,7 @@ export class ForumNav extends React.Component<Props, State> {
           <div className="flex flex--center">
             <small>Forum Nav:</small>
             <select style={{ minWidth: '194px', height: '19px' }}
+              className="forum-input"
               value={this.getSelectedCategoryId()}
               onChange={event => this.onSelect(event)}>
               {this.state.categoryList && this.renderDropDown()}
diff --git a/client/app/pages/forum/forum.tsx b/client/app/pages/forum/forum.tsx
index 20980b5..15eec66 100644
--- a/client/app/pages/forum/forum.tsx
+++ b/client/app/pages/forum/forum.tsx
@@ -170,18 +170,20 @@ export class Forum extends React.Component<Props, State> {
     return (
       <div>
         <form className="flex" style={{ marginBottom: 0 }} onSubmit={e => this.onSearch(e)}>
-          <img className="hide-tiny" src={require('../../assets/forum-menu-left.gif')}/>
+          <img className="hide-tiny" style={{ minWidth: '91px' }} src={require('../../assets/forum-menu-left.gif')}/>
           <img src={require('../../assets/forum-menu-newtopic.gif')}
+            style={{ height: '39px' }}
             className="clickable"
             onClick={() => this.onNewTopic()}/>
           <img src={require('../../assets/forum-menu-right.gif')}/>
           <img className="hide-tiny" src={require('../../assets/forum-menu-search-left.gif')}/>
           <div className="forum-menu-search-bg hide-tiny">
-            <input name="SearchText" onChange={event => this.setState({ searchText: event.target.value })}/>
+            <input name="SearchText" className="forum-input" style={{ height: '21px' }}
+              onChange={event => this.setState({ searchText: event.target.value })}/>
           </div>
           <input type="image" name="submit"
             src={require('../../assets/forum-menu-search.gif')}
-            className="clickable hide-tiny" style={{ outline: 'none' }}/>
+            className="clickable hide-tiny" style={{ outline: 'none', height: '39px' }}/>
           <div className="forumliner-bg"/>
         </form>
 
@@ -233,6 +235,7 @@ export class Forum extends React.Component<Props, State> {
     const { categoryId, sortBy, sortOrder } = this.routeParams();
     return (
       <select style={{ margin: '0 5px' }}
+        className="forum-input"
         value={this.routeParams().threadsPerPage}
         onChange={e => this.navigateHere(categoryId, 1, parseInt(e.target.value, 10), sortBy, sortOrder)}
         >
diff --git a/client/app/scss/style.scss b/client/app/scss/style.scss
index 78bc1de..fe137ef 100644
--- a/client/app/scss/style.scss
+++ b/client/app/scss/style.scss
@@ -193,3 +193,8 @@ div {
     display: none;
   }
 }
+
+// needed for firefox inputs
+.forum-input {
+  border: none;
+}