fix sketch list view bug which made the nav look ugly

client/modules/Sketch/pages/SketchListView.js

@@ -22,6 +22,7 @@ class SketchListView extends React.Component {
           exportProjectAsZip={this.props.exportProjectAsZip}
           cloneProject={this.props.cloneProject}
         />
+        <div className="sketches-table-container">
           <table className="sketches-table" summary="table containing all saved projects">
             <thead>
               <tr>
@@ -41,6 +42,7 @@ class SketchListView extends React.Component {
             </tbody>
           </table>
         </div>
+      </div>
     );
   }
 }

client/styles/components/_sketch-list.scss

@@ -2,6 +2,7 @@
   width: 100%;
   padding: #{10 / $base-font-size}rem 0;
   padding-left: #{170 / $base-font-size}rem;
+  height: 100%;
 }
 
 .sketches-table__row {

client/styles/layout/_sketch-list.scss

@@ -4,3 +4,8 @@
   height: 100%;
   flex-flow: column;
 }
+
+.sketches-table-container {
+  flex: 1 0 0%;
+  overflow-y: scroll;
+}