Fix active button ui

3 files changed, 15 insertions, 23 deletions

diff --git a/src/static/css/pad.css b/src/static/css/pad.css
index 4053ebba..979eb1ef 100644
--- a/src/static/css/pad.css
+++ b/src/static/css/pad.css
@@ -160,11 +160,11 @@ a img {
   border: 1px solid #ccc;
   outline: none;
 }
-#usericon a {
+li[data-key=showusers] > a {
   min-width: 30px;
   text-align: left;
 }
-#usericon a #online_count {
+li[data-key=showusers] > a #online_count {
   color: #777;
   font-size: 10px;
   position: relative;
@@ -814,7 +814,7 @@ input[type=checkbox] {
   float: left;
 }
 #settings,
-#importexport,
+#import_export,
 #embed,
 #connectivity,
 #users {
@@ -1070,15 +1070,4 @@ input[type=checkbox] {
   text-shadow: none;
 }
 
-/* End of gritter stuff */
-.activeButton{
-  background: #eee;
-  background: -webkit-linear-gradient(#ddd, #fff);
-  background: -moz-linear-gradient(#ddd, #fff);
-  background: -o-linear-gradient(#ddd, #fff);
-  background: -ms-linear-gradient(#ddd, #fff);
-  background: linear-gradient(#ddd, #fff);
-  -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1) inset;
-  -moz-box-shadow: 0 0 8px rgba(0,0,0,.1) inset;
-  box-shadow: 0 0 8px rgba(0,0,0,.1) inset;
-}
+/* End of gritter stuff */
\ No newline at end of file
diff --git a/src/static/css/timeslider.css b/src/static/css/timeslider.css
index f97d4f2b..19c4ca9f 100644
--- a/src/static/css/timeslider.css
+++ b/src/static/css/timeslider.css
@@ -158,16 +158,19 @@
   float: right
 }
 #settings,
-#importexport,
+#import_export,
 #embed,
 #connectivity,
 #users {
     top: 62px;
 }
-#importexport .popup {
-  width: 185px
+#import_export .popup {
+  width: 183px;
+  border-top: none;
+  border-right: none;
+  border-radius: 0 0 0 6px;
 }
-#importexport {
+#import_export {
   top: 118px;
   width: 185px;
 }
diff --git a/src/static/js/pad_editbar.js b/src/static/js/pad_editbar.js
index 85963217..6352b129 100644
--- a/src/static/js/pad_editbar.js
+++ b/src/static/js/pad_editbar.js
@@ -206,7 +206,7 @@ var padeditbar = (function()
 
           if(module.css('display') != "none")
           {
-            $("#" + self.dropdowns[i] + "link").removeClass("selected");
+            $("li[data-key=" + self.dropdowns[i] + "] > a").removeClass("selected");
             module.slideUp("fast", cb);
             returned = true;
           }
@@ -223,12 +223,12 @@ var padeditbar = (function()
 
           if(module.css('display') != "none")
           {
-            $("#" + self.dropdowns[i] + "link").removeClass("selected");
+            $("li[data-key=" + self.dropdowns[i] + "] > a").removeClass("selected");
             module.slideUp("fast");
           }
           else if(self.dropdowns[i]==moduleName)
           {
-            $("#" + self.dropdowns[i] + "link").addClass("selected");
+            $("li[data-key=" + self.dropdowns[i] + "] > a").addClass("selected");
             module.slideDown("fast", cb);
           }
         }
@@ -271,7 +271,7 @@ var padeditbar = (function()
     toolbar.registerDropdownCommand("showusers", "users");
     toolbar.registerDropdownCommand("settings");
     toolbar.registerDropdownCommand("connectivity");
-    toolbar.registerDropdownCommand("import_export", "importexport");
+    toolbar.registerDropdownCommand("import_export");
     toolbar.registerDropdownCommand("embed");
 
     toolbar.registerCommand("embed", function () {