r3346 committed - changed button set margin to use ems, for scaling

r3346 committed - changed button set margin to use ems, for scaling


Revision: 3346
Author: scottjehl
Date: Thu Oct 1 12:03:32 2009
Log: changed button set margin to use ems, for scaling
http://code.google.com/p/jquery-ui/source/detail?r=3346
Modified:
/branches/dev/themes/base/ui.button.css
=======================================
--- /branches/dev/themes/base/ui.button.css    Thu Oct 1 11:53:50 2009
+++ /branches/dev/themes/base/ui.button.css    Thu Oct 1 12:03:32 2009
@@ -1,7 +1,7 @@
/* Button
----------------------------------*/
-.ui-button { display: inline-block; position: relative; padding: 0;
text-decoration: none !important; cursor: pointer; text-align: center;
zoom: 1; overflow: visible; } /* the overflow property removes extra width
in IE */
+.ui-button { display: inline-block; position: relative; padding: 0;
text-decoration: none !important; cursor: pointer; text-align: center;
zoom: 1; overflow: visible; } /* the overflow property removes extra width
in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a
width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to
need a little more width */
@@ -20,7 +20,7 @@
/*button sets*/
.ui-button-set { margin-right: 7px; }
-.ui-button-set .ui-button { margin-right: 0; margin-left: 0;
margin-right:-3px; }
+.ui-button-set .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset
extra padding in Firefox */