diff --git a/welco/static/css/style.css b/welco/static/css/style.css
index 5c91919..1a8c170 100644
--- a/welco/static/css/style.css
+++ b/welco/static/css/style.css
@@ -47,6 +47,14 @@ body.welco-home div#content {
 	position: relative;
 }
 
+#content.big-top .cell {
+	height: 5%;
+}
+
+#content.big-top .cell.top {
+	height: 95%;
+}
+
 .mail-table .cell {
 	height: 20%;
 }
diff --git a/welco/templates/welco/home.html b/welco/templates/welco/home.html
index 3c2f623..7197e93 100644
--- a/welco/templates/welco/home.html
+++ b/welco/templates/welco/home.html
@@ -25,15 +25,20 @@
 
 <script>
 $('div.cell').delegate('h2', 'click', function() {
-	$('div.cell').removeClass('top');
-	$(this).parents('div.cell').addClass('top');
+	if ($(this).parents('div.cell').hasClass('top')) {
+		$('div#content').toggleClass('big-top');
+	} else {
+		$('div.cell').removeClass('top');
+		$(this).parents('div.cell').addClass('top');
+	}
+	$(window).trigger('resize');
 });
 
 $(window).on('resize', function() {
 	if ($('.top iframe').length == 1) {
-		$('.top iframe').css('height', 'calc( ' + $('.document').height() + 'px - 7em)');
+		$('.top iframe').css('height', 'calc(100% - 4em)');
 	} else {
-		$('iframe').css('height', 'calc( ' + $('.document').height() + 'px - 2em)');
+		$('iframe').css('height', '100%');
 	}
 });
 $(window).trigger('resize');