Clean up spellcheck popdown CSS

diff --git a/imp/js/src/SpellChecker.js b/imp/js/src/SpellChecker.js
index d3dc767..1413e95 100644 (file)
--- a/imp/js/src/SpellChecker.js
+++ b/imp/js/src/SpellChecker.js
@@ -47,7 +47,7 @@ var SpellChecker = Class.create({
 
             this.localeChoices = new KeyNavList(d, { onChoose: this.setLocale.bindAsEventListener(this) });
 
-            popdown = new Element('A', { className: 'popdown' }).insert(' ').observe('click', function() {
+            popdown = new Element('SPAN', { className: 'spellcheckPopdownImg' }).observe('click', function() {
                 $('spellcheckpopdown').clonePosition(this.statusButton, {
                     setHeight: false,
                     setWidth: false,

diff --git a/imp/themes/screen-dimp.css b/imp/themes/screen-dimp.css
index 48d4a14..9777070 100644 (file)
--- a/imp/themes/screen-dimp.css
+++ b/imp/themes/screen-dimp.css
@@ -519,19 +519,19 @@ div.msgSize img {
     padding-left: 4px;
     padding-right: 4px;
 }
-.dimpActions .disabled img, .dimpActions .disabled span.popdownImg {
+.dimpActions .disabled img, .dimpActions .disabled span.popdownImg, .dimpActions .disabled span.spellcheckPopdownImg {
     filter: alpha(opacity=25);
     -moz-opacity: .25;
     opacity: .25;
 }
-.dimpActions .popdown:hover {
+.dimpActions span.popdown:hover, .dimpActions span.spellcheckPopdownImg:hover {
     border-left: 1px solid #fff;
     border-top: 1px solid #fff;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
     margin: -1px;
 }
-.dimpActions .disabled .popdown:hover {
+.dimpActions .disabled span.popdown:hover, .dimpActions .disabled span.spellcheckPopdownImg {
     border: 0;
     cursor: default;
     padding-left: 2px;
@@ -544,9 +544,6 @@ div.msgSize img {
 div.dimpActionsCompose, div.dimpActionsMsg {
     border-bottom: 1px solid #999;
 }
-div.dimpActionsCompose a.popdown {
-    margin-right: 4px;
-}
 
 #previewPane {
     overflow: auto;
@@ -1037,7 +1034,7 @@ a.address:hover img {
 }
 
 /* Images */
-span.iconImg, span.contextImg {
+span.iconImg, span.contextImg, span.spellcheckPopdownImg {
     display: inline-block;
     height: 16px;
     width: 16px;
@@ -1126,7 +1123,7 @@ span.blacklistImg {
 span.whitelistImg {
     background-image: url("graphics/whitelist.png");
 }
-span.popdownImg {
+span.popdownImg, span.spellcheckPopdownImg {
     background-image: url("graphics/popdown.png");
     margin-right: 0px;
 }

diff --git a/imp/themes/screen.css b/imp/themes/screen.css
index 49c5711..60ee792 100644 (file)
--- a/imp/themes/screen.css
+++ b/imp/themes/screen.css
@@ -313,19 +313,21 @@ tr.deleted:hover, tr.deleted-over {
 }
 
 /* Popdown styles. */
-a.popdown {
+span.spellcheckPopdownImg {
     cursor: pointer;
     background: url("graphics/popdown.png") no-repeat center center;
-    padding-left: 6px;
-    padding-right: 6px;
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+    vertical-align: top;
+    margin-left: 3px;
 }
-a.popdown:hover {
-    padding-left: 5px;
-    padding-right: 5px;
+span.spellcheckPopdownImg:hover {
     border-left: 1px solid #fff;
     border-top: 1px solid #fff;
     border-right: 1px solid #000;
     border-bottom: 1px solid #000;
+    margin: -1px -1px -1px 2px;
 }
 
 /* Other styles used in IMP. */

diff --git a/imp/themes/silver/screen-dimp.css b/imp/themes/silver/screen-dimp.css
index 4e506a4..c27d5f4 100644 (file)
--- a/imp/themes/silver/screen-dimp.css
+++ b/imp/themes/silver/screen-dimp.css
@@ -161,6 +161,6 @@ span.blacklistImg {
 span.whitelistImg {
     background-image: url("graphics/whitelist.png");
 }
-span.popdownImg {
+span.popdownImg, span.spellcheckPopdownImg {
     background-image: url("graphics/popdown.png");
 }

diff --git a/imp/themes/silver/screen.css b/imp/themes/silver/screen.css
index 82a042d..8f4b5ab 100644 (file)
--- a/imp/themes/silver/screen.css
+++ b/imp/themes/silver/screen.css
@@ -16,3 +16,7 @@ div.composebody {
 #newmail {
     border-width: 1px;
 }
+
+span.spellcheckPopdownImg {
+    background-image: url("graphics/popdown.png");
+}