From 00edd2ff577b8548e934ca525f5cdcb32234e9ba Mon Sep 17 00:00:00 2001
From: Florian Hartwich <hardi@noarch.de>
Date: Mon, 10 Jul 2017 19:53:36 +0200
Subject: [PATCH] Make war-stats dropdown scrollable

---
 static/src/app/app.component.css  | 6 ++++++
 static/src/app/app.component.html | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/static/src/app/app.component.css b/static/src/app/app.component.css
index 156bb18..23acb46 100644
--- a/static/src/app/app.component.css
+++ b/static/src/app/app.component.css
@@ -22,3 +22,9 @@ li {
   float: left;
   width: calc(100% - 400px);
 }
+
+.scrollable-menu {
+  height: auto;
+  max-height: 200px;
+  overflow-x: hidden;
+}
diff --git a/static/src/app/app.component.html b/static/src/app/app.component.html
index c23c207..6beb80d 100644
--- a/static/src/app/app.component.html
+++ b/static/src/app/app.component.html
@@ -27,7 +27,7 @@
               Schlacht Statistik
               <span class="caret"></span>
             </a>
-            <ul class="dropdown-menu">
+            <ul class="dropdown-menu scrollable-menu">
               <li *ngFor="let war of wars">
                 <a [routerLink]="['/cc-wars/' + war._id]">{{war.title}} <small>{{war.date | date: 'dd.MM.yy'}}</small></a>
               </li>