Added missing parenthesis to OptimadeTranslator, fixed margin issue with MaterialList.

client/css/styles.css

@@ -751,8 +751,9 @@ img.remove-label{ cursor: pointer; }
 
 #elementable{width:690px;  position: relative;
   padding: 0 26px;
-  margin: 0 auto 60px;
-background-color: #DDD;}
+  margin: 0 auto 0;
+  background-color: #DDD;
+}
 
 .element-info{position: absolute;
  display: none;
@@ -852,9 +853,9 @@ div#specialRows{margin: 20px 40px;}
   padding: 2px 12px; margin: 4px 0;
 }
 
-
-
-.MaterialList{ /*width: 690px; margin: 0 auto 80px;*/}
+.MaterialList{ /*width: 690px; margin: 0 auto 80px;*/
+  margin-top: 30px;
+}
 
 /* #paginationWg erased*/
 .MaterialList .formula {

client/src/search-mod/OptimadeTranslator.js

@@ -65,7 +65,9 @@ class OptimadeTranslator {
       query[i] = q;
     }
 
-    let res = query.join(" ")
+    // Surround with parenthesis so that this part will not get incorrectly
+    // mixed with the filters due to operator precedence 
+    let res = "(" + query.join(" ") + ")"
     console.log("FINAL OPTIMADE QUERY:")
     console.log(res)
     return res