diff --git a/app/javascript/src/styles/common/main_layout.scss b/app/javascript/src/styles/common/main_layout.scss
index 94a365aa4..4ed6da376 100644
--- a/app/javascript/src/styles/common/main_layout.scss
+++ b/app/javascript/src/styles/common/main_layout.scss
@@ -56,8 +56,15 @@ div#page {
button[type=submit] {
padding: 2px 6px;
background: #EEE;
+ }
+
+ #search-box button[type=submit] {
border-left: none;
}
+
+ #options-box i.fa-bookmark {
+ margin-right: 0.25em;
+ }
}
aside#sidebar > section {
diff --git a/app/javascript/src/styles/specific/posts.scss b/app/javascript/src/styles/specific/posts.scss
index 71b4071ad..7d1b57fad 100644
--- a/app/javascript/src/styles/specific/posts.scss
+++ b/app/javascript/src/styles/specific/posts.scss
@@ -160,9 +160,34 @@ div#c-posts {
text-align: center;
margin: 0.5em 0;
- input[type=submit] {
- padding: 0.2em 0.75em;
+ form {
+ display: inline-block;
}
+
+ i {
+ margin-right: 0.1em;
+ color: deeppink;
+ }
+
+ button.ui-button {
+ padding: 0.25em 0.75em;
+ }
+ }
+
+ .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 {
@@ -303,10 +328,6 @@ div#c-posts {
margin-top: 1em;
}
- #add-fav-button, #remove-fav-button {
- margin-top: 1em;
- }
-
menu#post-sections {
margin: 0;
font-size: $h3_size;
diff --git a/app/javascript/src/styles/specific/z_responsive.scss b/app/javascript/src/styles/specific/z_responsive.scss
index 8d769a7ad..e6157b90b 100644
--- a/app/javascript/src/styles/specific/z_responsive.scss
+++ b/app/javascript/src/styles/specific/z_responsive.scss
@@ -29,10 +29,11 @@
}
button[type=submit] {
- font-size: 1.4em;
+ font-size: 1.2em;
background-color: #EEE;
height: 42px;
padding: 2px 10px;
+ border: 1px solid rgb(197, 197, 197);
}
}
diff --git a/app/views/posts/partials/index/_options.html.erb b/app/views/posts/partials/index/_options.html.erb
index 31f477a4c..7527f69fe 100644
--- a/app/views/posts/partials/index/_options.html.erb
+++ b/app/views/posts/partials/index/_options.html.erb
@@ -2,7 +2,7 @@
Options
<% if SavedSearch.enabled? && CurrentUser.is_member? %>
- - <%= button_tag "Save search", id: "save-search", class: "ui-button ui-widget ui-corner-all gradient sub" %>
+ - <%= button_tag(tag.i(class: "fas fa-bookmark") + " Save search", id: "save-search", class: "ui-button ui-widget ui-corner-all gradient sub") %>
<% end %>
diff --git a/app/views/posts/partials/show/_options.html.erb b/app/views/posts/partials/show/_options.html.erb
index 15352e1c0..1f8c6e124 100644
--- a/app/views/posts/partials/show/_options.html.erb
+++ b/app/views/posts/partials/show/_options.html.erb
@@ -15,7 +15,7 @@
<%= link_to "Copy notes", "#", :id => "copy-notes" %>
<% end %>
- <%= link_to "Add to favorite group", "#", :id => "open-favgroup-dialog-link", :"data-shortcut" => "g" %>
+ <%= link_to "Add to fav group", "#", :id => "open-favgroup-dialog-link", :"data-shortcut" => "g" %>
<%= link_to "Find similar", iqdb_queries_path(:post_id => post.id) %>
<% if post.is_status_locked? %>
@@ -53,7 +53,7 @@
<% end %>
<% if CurrentUser.is_moderator? %>
- <%= link_to "Replace Image", new_post_replacement_path(post_id: post.id), id: "replace-image", remote: true %>
+ <%= link_to "Replace image", new_post_replacement_path(post_id: post.id), id: "replace-image", remote: true %>
<%= link_to "Down vote report", reports_down_voting_post_path(post_id: post.id) %>
<% end %>
<% end %>
diff --git a/app/views/posts/show.html.erb b/app/views/posts/show.html.erb
index 54e2e8004..6534b355b 100644
--- a/app/views/posts/show.html.erb
+++ b/app/views/posts/show.html.erb
@@ -54,10 +54,15 @@
<% if CurrentUser.is_member? %>
-
- <%= button_to "Favorite", favorites_path(post_id: @post.id), remote: true, method: :post, form: {id: "add-fav-button", style: ("display: none;" if @post.is_favorited?)}, class: "ui-button ui-widget ui-corner-all gradient", data: {disable_with: "Favoriting..."} %>
- <%= button_to "Unfavorite", favorite_path(@post), remote: true, method: :delete, form: {id: "remove-fav-button", style: ("display: none;" if !@post.is_favorited?)}, class: "ui-button ui-widget ui-corner-all gradient", data: {disable_with: "Unfavoriting..."} %>
-
+ <%= 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..." %>
+ <% 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..." %>
+ <% end %>
+ <% end %>
<% end %>