Fixed: Misc UI Fixes

frontend/src/Components/Table/TablePager.css

@@ -53,6 +53,13 @@
   color: $disabledColor;
 }
 
+.pageSelect {
+  composes: select from 'Components/Form/SelectInput.css';
+
+  padding: 0 2px;
+  height: 25px;
+}
+
 @media only screen and (max-width: $breakpointSmall) {
   .pager {
     flex-wrap: wrap;

frontend/src/Components/Table/TablePager.js

@@ -33,6 +33,10 @@ class TablePager extends Component {
     this.props.onPageSelect(parseInt(page));
   }
 
+  onPageSelectBlur = () => {
+    this.setState({ isShowingPageSelect: false });
+  }
+
   //
   // Render
 
@@ -115,10 +119,13 @@ class TablePager extends Component {
               {
                 isShowingPageSelect &&
                   <SelectInput
+                    className={styles.pageSelect}
                     name="pageSelect"
                     value={page}
                     values={pages}
+                    autoFocus={true}
                     onChange={this.onPageSelect}
+                    onBlur={this.onPageSelectBlur}
                   />
               }
             </div>