Fix grid layout

client/src/components/FilterBar.vue

@@ -72,7 +72,6 @@
     display: flex;
     align-items: center;
     justify-items: left;
-    grid-column: span 3;
     border: 1px solid rgba(228, 228, 228, 0.9);
     border-left: 0;
     border-right: 0;

client/src/components/modules/ModuleNavigation.vue

@@ -31,7 +31,7 @@
             :key="assignment.id"
             class="module-navigation__anchor"
             exact-active-class="module-navigation__anchor--active"
-          >{{assignment.title}}
+          >{{assignmentTitle(assignment)}}
           </router-link>
         </div>
       </div>
@@ -67,7 +67,10 @@
 
     data() {
       return {
-        module: {}
+        module: {},
+        me: {
+          permissions: []
+        }
       }
     },
 
@@ -77,6 +80,9 @@
       },
       submissionsLink(assignment) {
         return `/module/${this.module.slug}/submissions/${assignment.id}`;
+      },
+      assignmentTitle(assignment) {
+        return assignment.title.length > 25 ? assignment.title.substring(0, 22) + '...' : assignment.title;
       }
     }
   }

client/src/pages/module-base.vue

@@ -22,7 +22,7 @@
       display: grid;
     }
     justify-items: center;
-    grid-template-columns: 2fr 6fr 2fr;
+    grid-template-columns: 400px 1fr 400px;
 
     /*
      * For IE10+