Fix Width issue in Filters

hypha/static_src/src/app/src/SwitcherApp.js

@@ -50,9 +50,8 @@ class SwitcherApp extends React.Component {
 
 
     componentDidUpdate(prevProps) {
-        if (prevProps.searchParam !== this.props.searchParam) {
+        if (prevProps.searchParam !== this.props.searchParam && !document.body.classList.contains('app-open')){
             const success = this.props.processParams(this.props.searchParam)
-
             if (!success) {
                 this.closeDetail()
             } else {

hypha/static_src/src/app/src/common/components/FilterDropDown/index.js

@@ -11,13 +11,12 @@ import ListItemText from '@material-ui/core/ListItemText';
 import Input from '@material-ui/core/Input';
 
 const styles = {
-  formControl:{
-    minWidth: 200                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       ,
-    maxWidth: 200,
+  formControl: {
+    width: '100%',
     marginRight: 10,
-    height: 40
-  },
-};
+    height: 40,
+  }
+}
 
 class FilterDropDown extends React.PureComponent {
 

hypha/static_src/src/app/src/containers/SubmissionFilters/styles.scss

 .filter-container {
-    margin: 0 auto ;
     padding: 15px;
     display: flex;
-    justify-content: space-evenly;
-    align-content: center;
-    align-items: center;
+    justify-content: space-between;
 }
 
 .delete-button {

hypha/static_src/src/app/src/redux/actions/submissions.js

@@ -160,7 +160,6 @@ export const loadSubmissionFromURL = (params) => (dispatch, getState) => {
     if (urlParams.has('submission')) {
         const activeId = Number(urlParams.get('submission'));
         const submissionID = getCurrentSubmissionID(getState());
-
         if (activeId !== null  && submissionID !== activeId) {
             dispatch(setCurrentSubmission(activeId));
         }
@@ -188,7 +187,6 @@ const setSubmissionParam = (id) => (dispatch, getState) => {
 
     const shouldSet = !urlID && !!id;
     const shouldUpdate = id !== null  && submissionID !== id && urlID !== id;
-
     if (shouldSet || shouldUpdate) {
         dispatch(push({search: `?submission=${id}`}));
     } else if (id === null) {