From 174297c2ba2119aa0cceebab585c86d81fcb50ed Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Thu, 12 Apr 2018 23:31:01 +0200
Subject: [PATCH] asidenav with distinguishable title and active-state

---
 templates/widgets/asidenav.hamlet |  9 +++++----
 templates/widgets/asidenav.lucius | 19 ++++++++++++++++---
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/templates/widgets/asidenav.hamlet b/templates/widgets/asidenav.hamlet
index a46c06ad9..b19ab9d4f 100644
--- a/templates/widgets/asidenav.hamlet
+++ b/templates/widgets/asidenav.hamlet
@@ -18,10 +18,11 @@ $newline never
         WiSe 17/18
       <ul .asidenav__list>
         $forall (Entity _ Course{..}) <- favourites
-          <li .asidenav__list-item>
-            <a .asidenav__link-wrapper href=@{CourseR courseTermId courseShorthand CourseShowR}>
-              <div .asidenav__link-shorthand>#{courseShorthand}
-              <div .asidenav__link-label>#{courseName}
+          $with route <- CourseR courseTermId courseShorthand CourseShowR
+            <li .asidenav__list-item :Just route == mcurrentRoute:.asidenav__list-item--active>
+              <a .asidenav__link-wrapper href=@{route}>
+                <div .asidenav__link-shorthand>#{courseShorthand}
+                <div .asidenav__link-label>#{courseName}
 
         <li .asidenav__list-item>
           <a .asidenav__link-wrapper href="/course/S2018/ixd/show">
diff --git a/templates/widgets/asidenav.lucius b/templates/widgets/asidenav.lucius
index 62c2d3f0c..a1acdd7ab 100644
--- a/templates/widgets/asidenav.lucius
+++ b/templates/widgets/asidenav.lucius
@@ -1,6 +1,6 @@
 .main__aside {
   position: relative;
-  background-color: var(--darkbase);
+  background-color: #425d79;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
   z-index: 1;
   flex: 0 0 300px;
@@ -22,7 +22,11 @@
 
   .asidenav__box-title {
     width: 50px;
-    padding: 0;
+    padding: 1px;
+    font-size: 18px;
+    text-align: center;
+    margin-bottom: 0;
+    background-color: var(--fontsec);
   }
 
   .asidenav__link-wrapper {
@@ -35,10 +39,11 @@
       width: 50px;
       text-align: center;
       opacity: 1;
-      font-size: 16px;
+      font-size: 15px;
       line-height: 1em;
       margin-right: 13px;
       flex-shrink: 0;
+      padding: 1px;
       outline: 1px solid white;
       text-transform: uppercase;
       word-break: break-all;
@@ -78,6 +83,9 @@
 
 .asidenav__box-title {
   padding: 7px 13px;
+  margin-top: 13px;
+  background-color: transparent;
+  transition: all .2s ease;
 
   a {
     color: white;
@@ -155,6 +163,11 @@
     pointer-events: none;
     color: white;
   }
+
+  .asidenav__link-shorthand {
+    transform: scale(1.05, 1.0);
+    transform-origin: right;
+  }
 }
 
 .asidenav__link-wrapper {