diff --git a/src/calibre/library/static/gui.js b/src/calibre/library/static/gui.js
index c2d9cbcab8..907d82c14b 100644
--- a/src/calibre/library/static/gui.js
+++ b/src/calibre/library/static/gui.js
@@ -57,7 +57,7 @@ function render_book(book) {
title += ''+formats[i]+', ';
}
title = title.slice(0, title.length-2);
- title += ' ({0} MB) '.format(size);
+ title += ' ({0} MB) '.format(size);
}
if (tags) title += '[{0}]'.format(tags);
title += '
'.format(id);
@@ -145,24 +145,29 @@ function fetch_library_books(start, num, timeout, sort, order, search) {
display += row+'\n\n';
});
$("#book_list tbody").html(display);
- $("#book_list tbody tr").mouseover(function() {
+ $("#book_list tbody tr").bind('mouseenter', function() {
var row = $(this);
- var cover = row.find('img').attr('src');
row.css('background-color', "#fff2a8");
- row.find('.comments').css('display', 'inherit');
- $('#cover_pane img').attr('src', cover);
- $('#cover_pane').css('visibility', 'visible');
- row.bind('mouseout', function(){
+ row.bind('mouseleave', function(){
row.css('background-color', "white");
- row.find('.comments').css('display', 'none');
$('#book_list tbody tr:even()').css('background-color', '#eeeeee');
- row.unbind('mouseout');
+ row.unbind('mouseleave');
});
});
- $('#book_list').mouseout(function(){
- $('#cover_pane').css('visibility', 'hidden')
+ $("#book_list tbody tr").click(function(){
+ var row = $(this);
+ var cover = row.find('img').attr('src');
+ var collapsed = row.find('.comments').css('display') == 'none';
+ $("#book_list tbody tr * .comments").css('display', 'none');
+ $('#cover_pane').css('visibility', 'hidden');
+ if (collapsed) {
+ row.find('.comments').css('display', 'inherit');
+ $('#cover_pane img').attr('src', cover);
+ $('#cover_pane').css('visibility', 'visible');
+ }
});
+
layout();
$('#book_list tbody tr:even()').css('background-color', '#eeeeee');
},
@@ -274,7 +279,7 @@ function layout() {
var cover = $('#cover_pane');
cover.css('width', (main.width()/2.0)+'px')
cover.css('height', main.height()+'px')
- cover.css('left', (main.offset().left + main.width()/2.0)+'px');
+ cover.css('left', (main.offset().left -25 + main.width()/2.0)+'px');
cover.css('top', main.offset().top+'px');
}