From e92a3bc11eb6277c1ba6d65124034cbbcaf763a6 Mon Sep 17 00:00:00 2001
From: Michael Ang <mang@archive.org>
Date: Tue, 19 Oct 2010 23:11:54 +0000
Subject: [PATCH] Increase minimum search box width.  Enable auto-play mode. 
 Change read-aloud icon hint.

---
 BookReader/BookReader.css |  2 +-
 BookReader/BookReader.js  | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/BookReader/BookReader.css b/BookReader/BookReader.css
index 5a083ed..28e4b82 100644
--- a/BookReader/BookReader.css
+++ b/BookReader/BookReader.css
@@ -269,7 +269,7 @@ form#booksearch {
     margin-right: 10px;
 }
 form#booksearch input[type=search] {
-    min-width: 80px;
+    min-width: 16em;
     height: 22px;
     line-height: 22px;
     font-family: "Arial", sans-serif;
diff --git a/BookReader/BookReader.js b/BookReader/BookReader.js
index 885b2d8..1efa4df 100644
--- a/BookReader/BookReader.js
+++ b/BookReader/BookReader.js
@@ -3606,21 +3606,24 @@ BookReader.prototype.addChapterFromEntry = function(tocEntryObject) {
 BookReader.prototype.initToolbar = function(mode, ui) {
 
     // $$$mang should be contained within the BookReader div instead of body
-    var readIcon = ''
+
+    var readIcon = '';
     if (!navigator.userAgent.match(/mobile/i)) {
         readIcon = "<button class='BRicon read modal'></button>";
     }
-
+    
     $("body").append(
           "<div id='BRtoolbar'>"
         +   "<span id='BRtoolbarbuttons'>"
         /* XXXmang integrate search */
         +     "<form action='javascript:' id='booksearch'><input type='search' id='textSrch' name='textSrch' val='' placeholder='Search inside'/><button type='submit' id='btnSrch' name='btnSrch'>GO</button></form>"
         // XXXmang icons incorrect or handlers wrong
+        +     "<button class='BRicon play'></button>"
+        +     "<button class='BRicon pause'></button>"
         +     "<button class='BRicon info'></button>"
         +     "<button class='BRicon share'></button>"
         +     readIcon
-        +     "<button class='BRicon full'></button>"
+        //+     "<button class='BRicon full'></button>"
         +   "</span>"
         +   "<span><a class='logo' href='" + this.logoURL + "'></a></span>"
         +   "<span id='BRreturn'><span>Back to</span><a href='" + this.bookUrl + "'>" + this.bookTitle + "</a></span>"
@@ -3639,6 +3642,8 @@ BookReader.prototype.initToolbar = function(mode, ui) {
         */
         );
     
+    $('#BRtoolbar .pause').hide();
+    
     this.updateToolbarZoom(this.reduce); // Pretty format
         
     if (ui == "embed" || ui == "touch") {
@@ -3665,7 +3670,7 @@ BookReader.prototype.initToolbar = function(mode, ui) {
                    '.embed': 'Embed BookReader',
                    '.link': 'Link to this book (and page)',
                    '.bookmark': 'Bookmark this page',
-                   '.read': 'Allow BookReader to read this aloud',
+                   '.read': 'Read this book aloud',
                    '.full': 'Show fullscreen',
                    '.book_left': 'Flip left',
                    '.book_right': 'Flip right',
-- 
2.20.1