From 62385075c7b7d1b9e298dd0811940cabfddf584d Mon Sep 17 00:00:00 2001 From: Pau Giner Date: Tue, 4 Jun 2013 11:40:56 +0200 Subject: [PATCH] (bug 49106) Keyboard icon misaligned in Firefox Fixed positioning to avoid the use of float which was problematic in Firefox. The current solution uses absolute positioning. Extra padding has been added to the label next to it to avoid the text to overlap. Change-Id: I82c69fa524f05262b60928fc4ba09104c6d05c2c --- resources/css/ext.uls.inputsettings.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/resources/css/ext.uls.inputsettings.css b/resources/css/ext.uls.inputsettings.css index 924cd02b..91813cab 100644 --- a/resources/css/ext.uls.inputsettings.css +++ b/resources/css/ext.uls.inputsettings.css @@ -38,6 +38,7 @@ div.input-settings-block { margin-top: 6px; padding: 4px 2px; color: #444; + position: relative; } .uls-ime-disable-link { @@ -48,12 +49,13 @@ div.input-settings-block { background-image: linear-gradient(transparent, transparent), url('../images/remove-input.svg'); background-size: auto 16px; padding-left: 22px; + padding-right: 26px; padding-bottom: 10px; } .uls-ime-more-settings-link { /* @embed */ - background: transparent url('../images/cog.png') right top no-repeat; + background: transparent url('../images/cog.png') center top no-repeat; background-image: -webkit-linear-gradient(transparent, transparent), url('../images/cog.svg'); background-image: -moz-linear-gradient(transparent, transparent), url('../images/cog.svg'); background-image: linear-gradient(transparent, transparent), url('../images/cog.svg'); @@ -61,8 +63,9 @@ div.input-settings-block { border-left: 1px solid #CCCCCC; width: 22px; height: 14px; - float: right; -} + position: absolute; + right: 0; + } .uls-ime-menu-settings-item > a:hover { background-color: #f0f0f0;