diff --git a/css/jquery.reject.css b/css/jquery.reject.css
index d736724..48b6b3a 100644
--- a/css/jquery.reject.css
+++ b/css/jquery.reject.css
@@ -64,7 +64,7 @@
#jr_inner ul li {
cursor: pointer;
- float: left;
+ display: inline-block;
width: 120px;
height: 122px;
margin: 0 10px 10px 10px;
@@ -112,3 +112,7 @@
padding: 10px 0 0 0;
margin: 0;
}
+
+#browserList {
+ text-align: center;
+}
diff --git a/js/jquery.reject.js b/js/jquery.reject.js
index a672b81..f189413 100644
--- a/js/jquery.reject.js
+++ b/js/jquery.reject.js
@@ -223,7 +223,7 @@ $.reject = function(options) {
var displayNum = 0;
if (opts.browserShow) {
- html += '
';
+ html += '';
// Generate the browsers to display
for (var x in opts.display) {
@@ -240,7 +240,7 @@ $.reject = function(options) {
var url = info.url || '#'; // URL to link text/icon to
// Generate HTML for this browser option
- html += '- '+
+ html += '
- '+
'
';
@@ -358,9 +358,9 @@ $.reject = function(options) {
// Wrapper for inner centered content (div)
element.find('#jr_inner').css({
minWidth: displayNum*100,
- maxWidth: displayNum*140,
+ maxWidth: displayNum === 1 ? 300 : displayNum*140,
// min/maxWidth not supported by IE
- width: $.layout.name == 'trident' ? displayNum*155 : 'auto'
+ width: $.layout.name == 'trident' ? (displayNum === 1 ? 300 : displayNum*155 ) : 'auto'
});
element.find('#jr_inner li').css({ // Browser list items (li)