From eae95fec09d1a01e82004798670b32d673541793 Mon Sep 17 00:00:00 2001
From: Chad Weider <cweider@oofn.net>
Date: Wed, 29 Feb 2012 15:29:08 -0800
Subject: [PATCH] Shift button appearance onto anchor.

---
 static/css/pad.css        | 40 ++++++++++++++++++++++-----------------
 static/js/pad_userlist.js |  4 ++--
 2 files changed, 25 insertions(+), 19 deletions(-)

diff --git a/static/css/pad.css b/static/css/pad.css
index 5aeb91b6c..84383e9a5 100644
--- a/static/css/pad.css
+++ b/static/css/pad.css
@@ -48,25 +48,16 @@ a img
 
 #editbar ul li 
 {
-  background: #fff;
-  background: linear-gradient(#fff, #f0f0f0);
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  cursor: pointer;
   float: left;
-  height: 18px;
   margin-left: 2px;
-  overflow: hidden;
-  padding: 4px 5px;
-  width: 18px;
 }
 
-#editbar ul li:hover {
+#editbar ul li a:hover {
   background: #fff;
   background: linear-gradient(#f4f4f4, #e4e4e4);
 }
 
-#editbar ul li:active {
+#editbar ul li a:active {
   background: #eee;
   background: linear-gradient(#ddd, #fff);
   box-shadow: 0 0 8px rgba(0,0,0,.1) inset;
@@ -78,13 +69,22 @@ a img
   background: inherit;
   visibility:hidden;
   width: 0px;
+  padding: 5px;
 }
 #editbar ul li a
 {
-  text-decoration: none;
+  background-color: #fff;
+  background-color: linear-gradient(#fff, #f0f0f0);
+  border: 1px solid #ccc;
+  border-radius: 4px;
   color: #ccc;
-  display: block;
-  text-align: center;
+  cursor: pointer;
+  display: inline-block;
+  height: 18px;
+  overflow: hidden;
+  padding: 4px 5px;
+  text-decoration: none;
+  width: 18px;
 }
 #editbar ul li a .buttonicon
 {
@@ -1021,7 +1021,7 @@ vertical-align: middle;
   background-position: 0px -183px;
 }
 
-#usericon
+#usericon a
 {
 width:33px !important;
 }
@@ -1159,13 +1159,19 @@ input[type=checkbox] {
 }
 
 @media screen and (max-width: 600px) {
-  #editbar ul li {
+  #editbar ul li.separator {
+    padding: 1px;
+  }
+  #editbar ul li a {
     padding: 4px 1px;
   }  
 }
 
 @media only screen and (min-device-width: 320px) and (max-device-width: 720px) {
-  #editbar ul li {
+  #editbar ul li.separator {
+    padding: 3px;
+  }
+  #editbar ul li a {
     padding: 4px 3px;
   }
   #users {
diff --git a/static/js/pad_userlist.js b/static/js/pad_userlist.js
index 2c063d74c..a8abb6307 100644
--- a/static/js/pad_userlist.js
+++ b/static/js/pad_userlist.js
@@ -724,11 +724,11 @@ var paduserlist = (function()
       $("#myswatch").css({'background-color': myUserInfo.colorId});
       
       if ($.browser.msie && parseInt($.browser.version) <= 8) {
-        $("#usericon").css({'box-shadow': 'inset 0 0 30px ' + myUserInfo.colorId,'background-color': myUserInfo.colorId});
+        $("#usericon a").css({'box-shadow': 'inset 0 0 30px ' + myUserInfo.colorId,'background-color': myUserInfo.colorId});
       }
       else
       {
-        $("#usericon").css({'box-shadow': 'inset 0 0 30px ' + myUserInfo.colorId});
+        $("#usericon a").css({'box-shadow': 'inset 0 0 30px ' + myUserInfo.colorId});
       }
     }
   };