Adjust facet containers

src/client/components/FacetBar.js

@@ -24,12 +24,16 @@ const styles = theme => ({
   facetContainerLast: {
     marginBottom: 2,
   },
-  facetValuesContainerTen: {
-    height: 345,
+  three: {
+    height: 108,
     padding: theme.spacing.unit,
   },
-  facetValuesContainerThree: {
-    height: 108,
+  five: {
+    height: 150,
+    padding: theme.spacing.unit,
+  },
+  ten: {
+    height: 345,
     padding: theme.spacing.unit,
   },
   facetHeaderButtons: {
@@ -57,10 +61,7 @@ class FacetBar extends React.Component {
                 sortButton={facets[id].sortButton}
                 fetchFacet={this.props.fetchFacet}
               />
-              <div className={facets[id].containerSize === 'small' ?
-                classes.facetValuesContainerThree
-                : classes.facetValuesContainerTen
-              }>
+              <div className={classes[facets[id].containerClass]}>
                 <Tree
                   facetFunctionality={true}
                   property={id}

src/client/reducers/manuscriptsFacets.js

@@ -22,7 +22,7 @@ export const INITIAL_STATE = {
       sortButton: false,
       isFetching: false,
       searchField: false,
-      containerSize: 'small',
+      containerClass: 'three',
     },
     productionPlace: {
       id: 'productionPlace',
@@ -36,7 +36,7 @@ export const INITIAL_STATE = {
       sortButton: false,
       isFetching: false,
       searchField: true,
-      containerSize: 'large',
+      containerClass: 'ten',
     },
     author: {
       id: 'author',
@@ -50,7 +50,7 @@ export const INITIAL_STATE = {
       sortButton: false,
       isFetching: false,
       searchField: true,
-      containerSize: 'large',
+      containerClass: 'ten',
     },
     // language: {
     //   id: 'language',

src/client/reducers/placesFacets.js

@@ -21,7 +21,7 @@ export const INITIAL_STATE = {
       sortButton: false,
       isFetching: false,
       searchField: false,
-      containerSize: 'small',
+      containerClass: 'five',
     },
     area: {
       id: 'area',
@@ -35,7 +35,7 @@ export const INITIAL_STATE = {
       sortButton: false,
       isFetching: false,
       searchField: false,
-      containerSize: 'large',
+      containerClass: 'ten',
     },
     // type: {
     //   id: 'type',