TPAC: Allow multiline buttons and other minor button work.

Allows using multiline buttons; instead of using opac-button
-class in the a-tag, wrap the a-tag in a div with
opac-multiline-button -class.

Changes the login help button so a longer button text
behaves properly and looks good.

Unifies the green OPAC button behaviour when hovering
a mouse over them; the input and button -tag buttons
did not change their color.

Signed-off-by: Pasi Kallinen <pasi.kallinen@pttk.fi>
Signed-off-by: Dan Scott <dan@coffeecode.net>
Conflicts:
	Open-ILS/src/templates/opac/css/style.css.tt2

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index 65d12c0..acda930 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1154,6 +1154,8 @@ a.dash-link:hover { text-decoration: underline !important; }
     background-color: [% css_colors.accent_lighter %];
 }
 
+div.opac-multiline-button > a,
+.opac-multiline-button > a,
 .opac-button, .results_header_btns, #simple-detail-view-links { 
     color: [% css_colors.button_text %];
     font-weight: bold; 
@@ -1183,12 +1185,17 @@ a.dash-link:hover { text-decoration: underline !important; }
     display: table-cell;
 }
 
-a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
+.opac-multiline-button > a:hover,
+.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
     background: [% css_colors.primary %];
     text-decoration: none;
 }
 
-a.opac-button, input.opac-button {
+.opac-multiline-button > a {
+    display:block;
+}
+
+.opac-multiline-button > a, a.opac-button, input.opac-button {
     margin: 10px;
     padding: 5px 10px 5px 10px;
 }

diff --git a/Open-ILS/src/templates/opac/parts/login/help.tt2 b/Open-ILS/src/templates/opac/parts/login/help.tt2
index 4bac233..a59d291 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/login/help.tt2
+++ b/Open-ILS/src/templates/opac/parts/login/help.tt2
@@ -9,7 +9,9 @@
     </div>
 
     <div class="login-help-button">
-        <a href="http://example.com" class="opac-button">[% l('FAQs') %]</a>
+        <div class="opac-multiline-button">
+        <a href="http://example.com">[% l('FAQs') %]</a>
+       </div>
     </div>
 
 </div>