add limit by

pdb-js/src/app/visualization-page/visualization-page.component.scss

@@ -14,14 +14,13 @@
     grid:
       "query-box query-box" auto
       "filters results" 1fr
-      / 23em 3fr;
+      / 25em 3fr;
   }
 }
 
-@media screen and (max-width: 800px) {
+@media screen and (max-width: 1000px) {
   #visualization {
     display: grid;
-    height: 100%;
     margin: 0;
     grid:
       "query-box" auto
@@ -29,22 +28,31 @@
       "results" 1fr
       / 1fr;
   }
+  #results {
+    height: 600px;
+  }
 }
 
 #query-box {
   grid-area: query-box;
-  padding: 2px;
-  border-bottom: 1px solid black;
+  margin: 1em;
 }
 
 #filters {
   grid-area: filters;
-  background-color: #fafafa;
+}
+#filterpanel {
+  background-color: #f8f8f8;/*#fafafa;*/
   padding: 1em;
+  margin: 0 1em 1em 1em;
+  border-radius: 5px;
 }
 
 #results {
   grid-area: results;
 }
 
+#plot-button-bar {
+  text-align: right;
+}