From 583025135c608e55fc34a15ecffba0939b9ba6b4 Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Sun, 1 Jul 2018 12:31:37 +0200
Subject: [PATCH] mint-green is now moss-green and resonsive-fixes

---
 src/Model/Types.hs              |  2 +-
 templates/course.hamlet         |  2 +-
 templates/default-layout.lucius |  2 +-
 templates/widgets/navbar.lucius | 11 +++++++++++
 4 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/Model/Types.hs b/src/Model/Types.hs
index 5b5c6735a..918880fe4 100644
--- a/src/Model/Types.hs
+++ b/src/Model/Types.hs
@@ -235,7 +235,7 @@ data Theme       --Simply add Themes to this type only. CamelCase will be conver
   | Lavender
   | NeutralBlue
   | AberdeenReds
-  | MintGreen
+  | MossGreen
   | SkyLove
   deriving (Eq,Ord,Bounded,Enum)
 
diff --git a/templates/course.hamlet b/templates/course.hamlet
index f739626e4..869172518 100644
--- a/templates/course.hamlet
+++ b/templates/course.hamlet
@@ -1,4 +1,4 @@
-0<div .container>
+<div .container>
   <div .scrolltable>
     <table .table.table--striped.table--hover.table--vertical>
       $maybe school <- schoolMB
diff --git a/templates/default-layout.lucius b/templates/default-layout.lucius
index 9ac59764f..075f7ae20 100644
--- a/templates/default-layout.lucius
+++ b/templates/default-layout.lucius
@@ -74,7 +74,7 @@ body {
     --color-darker: #2E112D;
   }
 
-  &.theme--mint-green {
+  &.theme--moss-green {
     --color-primary: #5C996B;
     --color-light: #7ACC8F;
     --color-lighter: #99FFB2;
diff --git a/templates/widgets/navbar.lucius b/templates/widgets/navbar.lucius
index 9e4a244c3..1b6f685bd 100644
--- a/templates/widgets/navbar.lucius
+++ b/templates/widgets/navbar.lucius
@@ -142,6 +142,10 @@
 /* navbar list */
 .navbar__list {
   white-space: nowrap;
+
+  + .navbar__list {
+    margin-left: 12px;
+  }
 }
 
 /* list item */
@@ -192,6 +196,13 @@
   padding-left: 40px;
 }
 
+@media (max-width: 768px) {
+
+  .navbar__list-left {
+    padding-left: 0;
+  }
+}
+
 .navbar__list-item--secondary {
   margin-left: 20px;
   color: var(--color-grey);