From dd37f2f5d5152113cc02159bd7e823481f03aacb Mon Sep 17 00:00:00 2001
From: Ben Jaffe <jaffe.ben@gmail.com>
Date: Tue, 20 May 2014 14:40:10 -0700
Subject: [PATCH] 2.8.6; made action buttons more consistent and prettier

---
 plugin/ViewModels.js             |  2 +-
 plugin/features/messageSearch.js |  8 ++++----
 plugin/manifest.json             |  2 +-
 plugin/style.css                 | 16 +++++++++++++---
 4 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/plugin/ViewModels.js b/plugin/ViewModels.js
index 29111c4..86dbc83 100644
--- a/plugin/ViewModels.js
+++ b/plugin/ViewModels.js
@@ -89,7 +89,7 @@ if (_OKCP.profilePath !== '') {
 
 
 	// UI: Category match percentages (#social exists on your own profile page, #actions is on others')
-	$('#actions, #social').append('<table class="match-ratios-wrapper-outer"><tr><td class="match-ratios">'+
+	$('#actions, #social').parent().append('<table class="match-ratios-wrapper-outer"><tr><td class="match-ratios">'+
 		'<ul class="match-ratios-list"></ul>'+
 		'</td></tr></table>');
 
diff --git a/plugin/features/messageSearch.js b/plugin/features/messageSearch.js
index c1cbfcc..dd31994 100644
--- a/plugin/features/messageSearch.js
+++ b/plugin/features/messageSearch.js
@@ -39,10 +39,10 @@ _OKCP.addMessageLinkUI = function() {
         return false;
     }
 
-    messageLinkUI = $('<a href="#" class="btn-previous-messages">View Previous Messages</a>').hide();
-    $('.trigger_action_options_wrapper')
-        .before(messageLinkUI) //add the new UI element
-        .prevAll('.large_black') //get the message-user button
+    messageLinkUI = $('<button href="#" class="flatbutton white UI-change-btn btn-previous-messages">View Previous Messages</button>').hide();
+    $('.action_options')
+        .prepend(messageLinkUI) //add the new UI element
+        .parent().prevAll('.large_black') //get the message-user button
         .addClass('btn-previous-messages-previous-sibling-needs-a-nudge-up');
 
 
diff --git a/plugin/manifest.json b/plugin/manifest.json
index 99f8203..b7d2762 100644
--- a/plugin/manifest.json
+++ b/plugin/manifest.json
@@ -1,7 +1,7 @@
 {
   "name": "OkCupid (for the Non-Mainstream User)",
   "short_name": "OkC Alt",
-  "version": "2.8.5",
+  "version": "2.8.6",
   "manifest_version": 2,
   "description": "Are you using OkCupid? You should definitely be using this extension.",
   "homepage_url": "http://benjaffe.me/projects/date/",
diff --git a/plugin/style.css b/plugin/style.css
index da863f2..6f4f287 100644
--- a/plugin/style.css
+++ b/plugin/style.css
@@ -275,9 +275,19 @@ html div#loveisblindday div.inner {background-color: rgb(0,15,45);margin-top: 27
 #p_profile #rating span {margin-left: 4px;margin-bottom: 0px;}
 #p_profile #percentages {padding:20px 3px 40px;border-radius: 0 0 4px 4px;}
 #p_profile #upgrade_form {display:none;}
-#p_profile #actions {margin-bottom:-11px;height:220px;padding:10px 10px 0 10px;}
-#p_profile #wrapper #actions.show_options .action_options {padding-top:0;height:145px;}
-body#p_profile .tabbed_heading #actions .action_options .flatbutton {height:33px;line-height:10px;font-size:12px;margin-top:-1px;}
+#okcp #p_profile #actions {margin-bottom:-11px;height:175px;padding:25px 7px 0 10px;}
+#p_profile #wrapper #actions.show_options .action_options {padding-top:0;height:160px;}
+body#p_profile .tabbed_heading #actions .action_options .flatbutton {height:30px;line-height:10px;font-size:12px;}
+
+.UI-change-btn {display:block;float: left;background: #f7f7f7;height:25px;width:60px;border: 1px solid #ddd;color:#555;text-align:center;padding:0 0px;font-family:verdana,sans-serif;font-weight:bold;font-size:10px;line-height:25px;position:relative;z-index:1000;cursor:pointer;}
+
+
+/* make "More Options" more accessible */
+#okcp body#p_profile .tabbed_heading #actions .trigger_action_options_wrapper {display:none;}
+#okcp body#p_profile .tabbed_heading #actions .action_options {height:auto;}
+#okcp body#p_profile .tabbed_heading #actions .action_options {opacity:0;position:relative;top:-5px;-webkit-transform:translateZ(0);-webkit-transition:all 0.2s ease-in-out;}
+#okcp body#p_profile .tabbed_heading #actions:hover .action_options {opacity:1;top:0;}
+
 .page_tabs {position: absolute;bottom: 0px;}
 
 /* Moving the stars */