From af7598ff2f740499abcedf3954757e348b244457 Mon Sep 17 00:00:00 2001
From: Kovid Goyal <kovid@kovidgoyal.net>
Date: Sun, 10 Oct 2010 20:43:08 -0600
Subject: [PATCH] Make the calibre logo clickable and have the header alyout
 preserved on font resizing in firefox

---
 resources/content_server/browse/browse.css  | 28 +++++++++++++++++----
 resources/content_server/browse/browse.html |  7 ++++--
 resources/content_server/browse/browse.js   |  1 +
 3 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/resources/content_server/browse/browse.css b/resources/content_server/browse/browse.css
index 22eee3e05e..f417b15530 100644
--- a/resources/content_server/browse/browse.css
+++ b/resources/content_server/browse/browse.css
@@ -53,15 +53,22 @@ body {
   text-align: center;
 }
 
+#nav-container {
+    position: relative;
+    height: 130px;
+    top: -130px;
+    left: 0%;
+}
+
 ul#primary-nav {
   display: block;
   margin-right: 60px;
   text-align: right;
-  margin-top: 60px;
+  margin-top: 90px;
   line-height: 20px;
   cursor: default;
   position: relative;
-  top: -100px;
+  top: -2ex;
 }
 
 ul#primary-nav li {
@@ -74,8 +81,8 @@ ul#primary-nav li a {
   color: white;
   text-decoration: none;
   font-variant: small-caps;
-  /*text-transform: uppercase;*/
-  font-size: 80%;
+  /*text-transform: uppercase;
+  font-size: 80%;*/
   font-weight: bold;
   white-space: nowrap;
   text-shadow: #27211b 2px 2px 2px;
@@ -94,10 +101,20 @@ ul#primary-nav li a:hover {
   height: 38px;
   overflow: hidden;
   position: relative;
-  top: -230px;
+  top: -260px;
   left: 65%;
 }
 
+#calibre-home-link {
+    position: relative;
+    top: -298px;
+    left: 0%;
+    z-index: 2;
+    height: 130px;
+    width: 230px;
+    cursor: pointer;
+}
+
 h2.library_name {
     font-family: monospace;
     font-size: 50px;
@@ -121,6 +138,7 @@ h2.library_name {
 /* Sort select  {{{ */
 
 .sort_select { float: left; margin-left: 1em; margin-top: 2ex; font-size: small; }
+.sort_select label { font-size: medium; }
 
 /* }}} */
 
diff --git a/resources/content_server/browse/browse.html b/resources/content_server/browse/browse.html
index 3f8002e303..081cd5e30b 100644
--- a/resources/content_server/browse/browse.html
+++ b/resources/content_server/browse/browse.html
@@ -37,12 +37,14 @@
                       >&rarr;&nbsp;{library_name}&nbsp;&larr;</p>
               </div>
             </div>
+            <div id="nav-container">&nbsp;
             <ul id="primary-nav">
                 <li><a id="nav-mobile" href="/mobile" title="A version of this website suited for mobile browsers">Mobile</a></li>
 
                 <li><a id="nav-demo" href="/old" title="The old version of this webiste">Old</a></li>
                 <li><a id="nav-download" href="/opds" title="A feed based version of this website, used in special purpose applications">Feed</a></li>
             </ul>
+            </div>
 
             <form id="donate" action="https://www.paypal.com/cgi-bin/webscr"
                 method="post" title="Donate to support the development of calibre">
@@ -56,6 +58,7 @@
                         width="1" height="1"></img>
                 </div>
             </form>
+            <div id="calibre-home-link" title="Go to the calibre website"></div>
         </div>
         <!-- End header -->
 
@@ -68,8 +71,8 @@
             </div>
             <div id="search_box">
                 <form name="search_form"  action="/browse/search" method="get">
-                    Search:&nbsp;<input value="" type="text" title="Search"
-                                        class="search_input" />
+                    <input value="" type="text" title="Search"
+                                        class="search_input" />&nbsp;
                     <input type="submit" value="Search" title="Search" alt="Search" />
                 </form>
             </div>
diff --git a/resources/content_server/browse/browse.js b/resources/content_server/browse/browse.js
index b917a1646d..5c660e2418 100644
--- a/resources/content_server/browse/browse.js
+++ b/resources/content_server/browse/browse.js
@@ -109,6 +109,7 @@ function init_sort_combobox() {
 function init() {
     $("#container").corner("30px");
     $("#header").corner("30px");
+    $("#calibre-home-link").click(function() { window.location = "http://calibre-ebook.com"; });
 
     init_sort_combobox();