Skip to content
This repository
Browse code

Fixes #1998 - Added padding for icon-only buttons in controlgroup.

  • Loading branch information...
commit 6b95f46e126d39b4788ea95e55c9f90bdc608e42 1 parent 68f4ab6
Jasper de Groot authored June 07, 2012
16  css/structure/jquery.mobile.controlgroup.css
@@ -7,15 +7,21 @@
7 7
 .ui-controlgroup-controls { display: block; width: 100%;}
8 8
 .ui-controlgroup li { list-style: none; }
9 9
 .ui-controlgroup-vertical .ui-btn,
10  
-.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0;  }
  10
+.ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio { margin: 0; border-bottom-width: 0; }
  11
+.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
11 12
 .ui-controlgroup-controls label.ui-select { position: absolute; left: -9999px; }
12 13
 
13  
-.ui-controlgroup-vertical .ui-controlgroup-last { border-bottom-width: 1px; }
  14
+.ui-controlgroup .ui-btn-icon-notext { width: auto; height: auto; top: auto; }
  15
+.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner { min-width: 18px; height: 20px; padding: .6em 20px .6em 20px }
  16
+.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner { height: 16px; padding: .55em 11px .5em 11px; }
  17
+.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner .ui-icon { position: absolute; top: 50%; right: 50%; margin: -9px -9px 0 0; }
  18
+
14 19
 .ui-controlgroup-horizontal .ui-controlgroup-controls:before,
15 20
 .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; }
16 21
 .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; }
17 22
 .ui-controlgroup-horizontal .ui-controlgroup-controls { zoom: 1; }
18  
-.ui-controlgroup-horizontal .ui-btn-inner { text-align: center; }
  23
+.ui-controlgroup-horizontal .ui-btn-inner { text-align: center; line-height: 20px; }
  24
+.ui-controlgroup-horizontal.ui-mini .ui-btn-inner { line-height: 16px; }
19 25
 .ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select,
20 26
 .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio { float: left; clear: none; margin: 0 -1px 0 0; }
21 27
 .ui-controlgroup-horizontal .ui-select .ui-btn,
@@ -23,10 +29,6 @@
23 29
 .ui-controlgroup-horizontal .ui-checkbox:last-child, .ui-controlgroup-horizontal .ui-radio:last-child { margin-right: 0; }
24 30
 .ui-controlgroup-horizontal .ui-controlgroup-last { margin-right: 0; }
25 31
 .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label { font-size: 16px;  }
26  
-/* conflicts with listview..
27  
-.ui-controlgroup .ui-btn-icon-notext { width: 30px; height: 30px; text-indent: -9999px; }
28  
-.ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {  padding: 5px 6px 5px 5px; }
29  
-*/
30 32
 
31 33
 @media all and (min-width: 450px){
32 34
 	.ui-field-contain .ui-controlgroup-label { vertical-align: top; display: inline-block;  width: 20%;  margin: 0 2% 0 0;  }

0 notes on commit 6b95f46

Please sign in to comment.
Something went wrong with that request. Please try again.