Permalink
Browse files

Added a min-width to btn-inner to both ensure that buttons aren't too…

… tiny to click and to keep radios and checks from poking out

Also added a rule to center align btn-inner contents so the text will be
centered. This is important for single letter labels that are narrower
than the min-width.
  • Loading branch information...
1 parent c2d7c19 commit 66b83481e2aa267f71b0f642e0c55776e98c62ff @toddparker toddparker committed Apr 2, 2012
Showing with 2 additions and 1 deletion.
  1. +1 −1 css/structure/jquery.mobile.button.css
  2. +1 −0 css/structure/jquery.mobile.controlgroup.css
@@ -1,6 +1,6 @@
.ui-btn { display: block; text-align: center; cursor:pointer; position: relative; margin: .5em 5px; padding: 0; }
.ui-mini { margin: .25em 5px; }
-.ui-btn-inner { padding: .6em 25px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
+.ui-btn-inner { padding: .6em 25px; min-width:1.2em; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative; zoom: 1; }
.ui-btn input, .ui-btn button { z-index: 2; }
.ui-btn-left, .ui-btn-right, .ui-btn-inline { display: inline-block; }
.ui-btn-block { display: block; }
@@ -10,6 +10,7 @@
.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
.ui-controlgroup-horizontal { padding: 0; }
+.ui-controlgroup-horizontal .ui-btn-inner { text-align:center; }
.ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select { display: inline-block; margin: 0 -5px 0 0; }
.ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; clear: none; margin: 0 -1px 0 0; }
.ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn,

0 comments on commit 66b8348

Please sign in to comment.