From 75bb911aaa69a17a5b10670168267490fd2bdfdb Mon Sep 17 00:00:00 2001
From: Las Zenow <zenow@tormail.org>
Date: Sun, 9 Sep 2012 12:42:22 +0200
Subject: [PATCH] The iframe should be as big as the book menu, so the covers
 are well align

---
 templates/read.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/templates/read.html b/templates/read.html
index 6822e42..ef3ebbf 100644
--- a/templates/read.html
+++ b/templates/read.html
@@ -23,7 +23,7 @@
 </ul>
 {{end}}
 {{range .In}}
-<ul class="nav nav-list hidden-phone">
+<ul id="bookMenu" class="nav nav-list hidden-phone">
 {{end}}
 	<li {{if .Active}}class="active"{{end}}><a href="{{.Link}}">{{.Label}}</a></li>
 {{end}}
@@ -35,7 +35,13 @@
 <div class="span8">
 <script type="text/javascript">
 function resizeIframe() {
-	$("#bookContent").height($("#bookContent").contents().find("html").height());
+	var contentHeight = $("#bookContent").contents().find("html").height();
+	var menuHeight =  $("#bookMenu").height();
+	if (contentHeight < menuHeight) {
+		$("#bookContent").height(menuHeight);
+	} else {
+		$("#bookContent").height(contentHeight);
+	}
 }
 </script>
 <iframe id="bookContent" onload="resizeIframe();" style="width: 100%; border: none;" scrolling="no" src="{{.Content}}" seamless="seamless"></iframe>