From a1746cd386d76689c96a2f01a46a66e121f6584b Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Wed, 30 Nov 2016 12:09:11 -0500
Subject: [PATCH] (css) Fix display of tabs with oversized content

---
 UI/WebServerResources/scss/components/tabs/tabs.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/UI/WebServerResources/scss/components/tabs/tabs.scss b/UI/WebServerResources/scss/components/tabs/tabs.scss
index 48c4ab4ca..83036e371 100644
--- a/UI/WebServerResources/scss/components/tabs/tabs.scss
+++ b/UI/WebServerResources/scss/components/tabs/tabs.scss
@@ -1 +1,10 @@
-@import 'extends';
\ No newline at end of file
+@import 'extends';
+
+/**
+ * This is a fix to make the tab resized to the surrounding md-content when
+ * its content is too large. Initially observed with events and tasks lists
+ * in the Calendar module and Angular Material 1.1.1.
+ */
+md-tab-content > div {
+  overflow: hidden;
+}