TPAC: Switch buttons to 'inline-block'
authorDan Wells <dbw2@calvin.edu>
Wed, 25 Sep 2013 21:01:36 +0000 (17:01 -0400)
committerDan Wells <dbw2@calvin.edu>
Wed, 25 Sep 2013 21:09:18 +0000 (17:09 -0400)
At least in Firefox, inline blocks display in a closer size rendering
to <input> tags than plain 'display:inline'.  The switch doesn't seem
to hurt in most cases, so let's do it.

One small case where it did matter is the floating 'My Account' button.
It already has a special class, so let's just revert that one.

Signed-off-by: Dan Wells <dbw2@calvin.edu>
Open-ILS/src/templates/opac/css/style.css.tt2

index cf605da..6ce434f 100644 (file)
@@ -1238,6 +1238,7 @@ a.dash-link:hover { text-decoration: underline !important; }
     background:  [% css_colors.primary_fade %];
     margin: 10px;
     padding: 0.3em;
+    display: inline-block;
 }
 
 .opac-multiline-button > a:hover,
@@ -1267,6 +1268,7 @@ button.opac-button::-moz-focus-inner, input.opac-button::-moz-focus-inner {
     background: [% css_colors.control %];
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
     font-size: [% css_fonts.size_base %];
+    display:inline;
 }
 
 .opac-multiline-button > a {