Merge pull request #1842 from rschamp/bugfix/library-header-height

Account for filter bar in library grid height

src/components/library/library.css

@@ -13,6 +13,10 @@
     padding: 0.5rem;
 }
 
+.library-scroll-grid.withFilterBar {
+    height: calc(100% - $library-header-height - $library-filter-bar-height - 2rem);
+}
+
 .filter-bar {
     display: flex;
     flex-direction: row;

src/components/library/library.jsx

@@ -126,7 +126,11 @@ class LibraryComponent extends React.Component {
                         }
                     </div>
                 )}
-                <div className={styles.libraryScrollGrid}>
+                <div
+                    className={classNames(styles.libraryScrollGrid, {
+                        [styles.withFilterBar]: this.props.filterable || this.props.tags
+                    })}
+                >
                     {this.getFilteredData().map((dataItem, index) => {
                         const scratchURL = dataItem.md5 ?
                             `https://cdn.assets.scratch.mit.edu/internalapi/asset/${dataItem.md5}/get/` :