no tabs for narrow screens and properly activated nav-items

static/js/tabber.js

@@ -80,9 +80,11 @@
 
     };
 
-    // apply plugin to all available tab-groups
-    $('.tab-group').each(function(i, t) {
-      $(t).tabgroup();
-    })
+    // apply plugin to all available tab-groups if on wide screen
+    if (window.innerWidth > 768) {
+      $('.tab-group').each(function(i, t) {
+        $(t).tabgroup();
+      });
+    }
   });
 })($);

templates/course.hamlet

@@ -66,9 +66,6 @@
             <td>Do 15.04.18
             <td>Do 18.04.18
             <td>NotGraded
-          <tr .no-hover.no-stripe>
-            <td colspan="4">
-              <a href="/course/S2018/ffp/ex/new" #modal-toggler__new-sheet>Neues Übungsblatt anlegen
     <div .tab data-tab-name="Übungsgruppen">
       <h3 .tab-title>Übungsgruppen
       <table .table.table-striped.table-hover>

templates/widgets/asidenav.hamlet

@@ -17,7 +17,8 @@ $newline never
         WiSe 17/18
       <ul .asidenav__list>
         $forall (Course{..}, courseRoute, pageActions) <- favourites
-          <li .asidenav__list-item>
+          $# TODO: this list-item should also be marked as active if one of its children is shown
+          <li .asidenav__list-item :Just courseRoute == mcurrentRoute:.asidenav__list-item--active>
             <a .asidenav__link-wrapper href=@{courseRoute}>
               <div .asidenav__link-shorthand>#{courseShorthand}
               <div .asidenav__link-label>#{courseName}