From f03bcaa8eda2f3261fb072647d1bb2a6e00ebd61 Mon Sep 17 00:00:00 2001
From: Nick VanMeter <nickjvm@gmail.com>
Date: Wed, 9 Nov 2016 11:14:03 -0700
Subject: [PATCH] wrap sort controls in Box to prevent wrapping (#80)

---
 src/js/components/Sort.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/js/components/Sort.js b/src/js/components/Sort.js
index 985082b..923aa32 100644
--- a/src/js/components/Sort.js
+++ b/src/js/components/Sort.js
@@ -67,7 +67,7 @@ export default class Sort extends Component {
           <select ref="sort" value={this.state.name} onChange={this._onChange}>
             {options}
           </select>
-          <span>
+          <Box direction="row">
             <Button
               icon={<AscIcon
                 colorIndex={'asc' === this.state.direction ?
@@ -78,7 +78,7 @@ export default class Sort extends Component {
                 colorIndex={'desc' === this.state.direction ?
                   'brand' : undefined} />}
               onClick={this._onChangeDirection.bind(this, 'desc')} />
-          </span>
+          </Box>
         </Box>
       </Box>
     );