fix map upperRightUI layout

app/assets/stylesheets/clean.css.erb

@@ -167,7 +167,7 @@
 }
 
 .upperRightMapButtons {
-	top: -42px; /* puts it just offscreen */
+  right: 134px;
 }
 .mapPage .upperRightMapButtons, .topicPage .upperRightMapButtons {
 	top: 0;

frontend/src/Metamaps/GlobalUI/ReactApp.js

@@ -10,6 +10,7 @@ import { notifyUser } from './index.js'
 import Active from '../Active'
 import DataModel from '../DataModel'
 import { ExploreMaps, ChatView, TopicCard } from '../Views'
+import Filter from '../Filter'
 import Realtime from '../Realtime'
 import Map, { InfoBox } from '../Map'
 import Topic from '../Topic'
@@ -75,6 +76,7 @@ const ReactApp = {
       endActiveMap: Map.end,
       launchNewMap: Map.launch,
       toggleMapInfoBox: InfoBox.toggleBox,
+      toggleFilterBox: Filter.toggleBox,
       infoBoxHtml: InfoBox.html
       // filters
     }

frontend/src/components/MapView/MapButtons.js

@@ -10,7 +10,7 @@ class MapButtons extends Component {
 
   render () {
     const { currentUser, filterBoxOpen } = this.props
-    return <div className="mapElement upperRightEl upperRightMapButtons">
+    return <div className="mapElement upperRightEl upperRightMapButtons upperRightUI">
       {currentUser && <div className="importDialog upperRightEl upperRightIcon mapElement openLightbox" data-open="import-dialog-lightbox">
         <div className="tooltipsUnder">
           Import Data