tweak styles for fav button

app/javascript/src/styles/specific/posts.scss

@@ -157,16 +157,10 @@ body[data-user-can-approve-posts="true"] .post-preview {
 div#c-posts {
   .fav-buttons {
     font-size: 14pt;
-    text-align: center;
     margin: 0.5em 0;
 
-    form {
-      display: inline-block;
-    }
-
     i {
       margin-right: 0.1em;
-      color: deeppink;
     }
 
     button.ui-button {
@@ -174,22 +168,18 @@ div#c-posts {
     }
   }
 
+  #remove-fav-button i {
+    color: deeppink;
+  }
+
   .fav-buttons-true #add-fav-button {
     display: none;
   }
 
-  .fav-buttons-true #remove-fav-button {
-    display: inline-block;
-  }
-
   .fav-buttons-false #remove-fav-button {
     display: none;
   }
 
-  .fav-buttons-false #add-fav-button {
-    display: inline-block;
-  }
-
   #ugoira-controls {
     div#seek-slider {
       margin-top: 0.5em;

app/javascript/src/styles/specific/z_responsive.scss

@@ -21,6 +21,10 @@
     display: none;
   }
 
+  .fav-buttons button {
+    font-size: 1.5em;
+  }
+
   div#page aside#sidebar {
     padding: 5px;
 

app/views/favorites/_update.js.erb

@@ -1,6 +1,7 @@
 $("#add-to-favorites, #add-fav-button, #remove-from-favorites, #remove-fav-button").toggle();
 $("#score-for-post-<%= @post.id %>").text(<%= @post.score %>);
 $("#favcount-for-post-<%= @post.id %>").text(<%= @post.fav_count %>);
+$(".fav-buttons").toggleClass("fav-buttons-false").toggleClass("fav-buttons-true");
 
 <% if CurrentUser.is_gold? %>
   var fav_count = <%= @post.fav_count %>;

app/views/posts/show.html.erb

@@ -56,11 +56,11 @@
       <% if CurrentUser.is_member? %>
         <%= content_tag(:div, class: "fav-buttons fav-buttons-#{@post.is_favorited?}") do %>
           <%= form_tag(favorites_path(post_id: @post.id), method: "post", id: "add-fav-button", "data-remote": true) do %>
-            <%= button_tag tag.i(class: "far fa-heart") + " Favorite", class: "ui-button ui-widget ui-corner-all gradient", "data-disable-with": "Favoriting..." %>
+            <%= button_tag tag.i(class: "far fa-heart"), class: "ui-button ui-widget ui-corner-all gradient", "data-disable-with": "..." %>
           <% end %>
 
           <%= form_tag(favorite_path(@post.id), method: "delete", id: "remove-fav-button", "data-remote": true) do %>
-            <%= button_tag tag.i(class: "fas fa-heart") + " Unfavorite", class: "ui-button ui-widget ui-corner-all gradient", "data-disable-with": "Updating..." %>
+            <%= button_tag tag.i(class: "fas fa-heart"), class: "ui-button ui-widget ui-corner-all gradient", "data-disable-with": "..." %>
           <% end %>
         <% end %>
       <% end %>