Button: Strange space between buttons in IE 7. Fixed #5253 - Toolbar demo ugly in IE

diff --git a/demos/button/toolbar.html b/demos/button/toolbar.html
index eb1d2c3eae88d5c12683f3dc3b2569c4d2793bdc..5be3668f6249a0dd0af93cc4f36b1016df5826bd 100644 (file)
--- a/demos/button/toolbar.html
+++ b/demos/button/toolbar.html
@@ -11,7 +11,12 @@
        <link rel="stylesheet" href="../demos.css">
        <style>
        #toolbar {
-               padding: 10px 4px;
+               padding: 11px 4px 9px 4px;
+       }
+
+       /* support: IE7 */
+       *:first-child+html #toolbar {
+               padding: 4px 0px 4px 5px;
        }
        </style>
        <script>

diff --git a/themes/base/jquery.ui.button.css b/themes/base/jquery.ui.button.css
index e0f91a82b207bf3a621f83f31ef042e1943391f4..5588eb42c9053bcda70fa2ecfaf191325f6e1b8a 100644 (file)
--- a/themes/base/jquery.ui.button.css
+++ b/themes/base/jquery.ui.button.css
@@ -42,7 +42,7 @@ button.ui-button-icons-only {
 
 /* button text element */
 .ui-button .ui-button-text {
-       display: block;
+       display: inline-block;
        line-height: 1.4;
 }
 .ui-button-text-only .ui-button-text {

diff --git a/themes/base/jquery.ui.theme.css b/themes/base/jquery.ui.theme.css
index f1e4adf08821cb47bad08d3eb58fb3e30a4a38de..6388885c23d5b335a636eabf81518e2d690ce115 100644 (file)
--- a/themes/base/jquery.ui.theme.css
+++ b/themes/base/jquery.ui.theme.css
@@ -41,6 +41,7 @@
        background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
        color: #222222/*{fcHeader}*/;
        font-weight: bold;
+       zoom: 1;
 }
 .ui-widget-header a { color: #222222/*{fcHeader}*/; }