style buttons for upload/post edit pages

app/assets/javascripts/posts.js

@@ -99,7 +99,7 @@
     });
 
     dialog.parent().mouseout(function(e) {
-      dialog.parent().css({"opacity": 0.6});
+      dialog.parent().css({"opacity": 0.6, "transition": "opacity .2s ease"});
     })
     .mouseover(function(e) {
       dialog.parent().css({"opacity": 1});

app/assets/stylesheets/common/jquery_ui_custom.scss

@@ -3,6 +3,7 @@ div.ui-dialog {
   overflow: visible;
   font-size: 1em;
   z-index: 999 !important;
+  box-shadow: 2px 2px 1px grey;
 
   ul {
     margin-left: 1em;
@@ -19,3 +20,27 @@ div.ui-dialog {
   border: 1px solid #FBC7C6;
   background: #FDDFDE;
 }
+
+.ui-button {
+  margin: 0;
+  padding: 0.25em 1em;
+  background-color: #f6f6f6;
+  border: 1px solid #c5c5c5;
+
+  &.sub {
+    font-size: 90%;
+  }
+
+  &.tiny {
+    font-size: 90%;
+    padding: 0.25em 0.5em;
+  }
+
+  &.gradient {
+    background: linear-gradient(#f6f6f6, #e5e5e5);
+  }
+}
+
+.ui-button:hover {
+  box-shadow: 1px 1px grey;  
+}

app/assets/stylesheets/common/simple_form.scss

@@ -6,6 +6,10 @@ form.simple_form {
       display: inline;
       vertical-align: middle;
       margin-left: 0.5em;
+
+      input {
+        margin-right: 0.25em;
+      }
     }
   }
 

app/assets/stylesheets/specific/posts.scss

@@ -77,6 +77,14 @@ a.blacklisted-active {
   font-style: italic;
 }
 
+#open-edit-dialog {
+  padding: 0;
+}
+
+#edit-dialog textarea {
+  margin-bottom: 0.25em;
+}
+
 .post-preview {
   img {
     border: 2px solid transparent;
@@ -223,7 +231,7 @@ div#c-posts {
     text-align: center;
 
     input[type=submit] {
-      padding: 0.2em 0.5em;
+      padding: 0.2em 0.75em;
     }
   }
 
@@ -401,6 +409,10 @@ div#c-posts {
       word-wrap: break-word;
     }
 
+    textarea {
+      margin-bottom: 0.25em;
+    }
+
     #favlist {
       margin-left: 1em;
       word-wrap: break-word;

app/assets/stylesheets/specific/uploads.scss

@@ -19,7 +19,7 @@ div#c-uploads {
     }
 
     textarea {
-      margin-bottom: 0.5em;
+      margin-bottom: 0.25em;
     }
 
     .hint {

app/views/comments/_form.html.erb

@@ -9,6 +9,6 @@
     <%= f.input :do_not_bump_post, :label => "No bump" %>
   <% end %>
   <% if CurrentUser.is_moderator? %>
-    <%= f.input :is_sticky, :label => "Post as moderator" %>
+    <%= f.input :is_sticky, :label => "Post as moderator", :for => "comment_is_sticky" %>
   <% end %>
 <% end %>

app/views/posts/partials/common/_search.html.erb

@@ -14,8 +14,8 @@
       <%= hidden_field_tag :random, params[:random] %>
     <% end %>
     <%= hidden_field_tag "ms", "1" %>
-    <%= submit_tag "Go", :name => nil %>
-    <%= submit_tag "+", :id => "expand-search", "data-jq-dropdown" => "#search-dropdown" %>
+    <%= submit_tag "Go", :name => nil, :class => "ui-button ui-widget ui-corner-all tiny gradient" %>
+    <%= submit_tag "+", :id => "expand-search", "data-jq-dropdown" => "#search-dropdown", :class => "ui-button ui-widget ui-corner-all tiny gradient" %>
     <div id="search-dropdown" class="jq-dropdown jq-dropdown-tip">
       <ul class="jq-dropdown-menu">
         <% if SavedSearch.enabled? && CurrentUser.show_saved_searches? %>

app/views/posts/partials/show/_edit.html.erb

@@ -61,8 +61,8 @@
   <div class="input">
     <%= f.label :source %>
     <%= f.text_field :source %>
-    <%= button_tag "Similar", :id => "similar-button", :type => "button" %>
-    <%= button_tag "Artist", :id => "find-artist-button", :type => "button" %>
+    <%= button_tag "Similar", :id => "similar-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+    <%= button_tag "Artist", :id => "find-artist-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
   </div>
 
   <% if Danbooru.config.iqdbs_server %>
@@ -76,15 +76,15 @@
       <span id="open-edit-dialog" class="ui-icon ui-icon-arrow-1-ne" title="detach" style="display: none;"/>
     </div>
 
-    <%= button_tag "Related tags", :id => "related-tags-button", :type => "button" %>
-    <%= button_tag "General", :id => "related-general-button", :type => "button" %>
-    <%= button_tag "Artists", :id => "related-artists-button", :type => "button" %>
-    <%= button_tag "Characters", :id => "related-characters-button", :type => "button" %>
-    <%= button_tag "Copyrights", :id => "related-copyrights-button", :type => "button" %>
+    <%= button_tag "Related tags", :id => "related-tags-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+    <%= button_tag "General", :id => "related-general-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+    <%= button_tag "Artists", :id => "related-artists-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+    <%= button_tag "Characters", :id => "related-characters-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+    <%= button_tag "Copyrights", :id => "related-copyrights-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
   </div>
 
   <div class="input">
-    <%= submit_tag "Submit", :data => { :disable_with => "Submitting..." } %>
+    <%= submit_tag "Submit", :data => { :disable_with => "Submitting..." }, :class => "ui-button ui-widget ui-corner-all" %>
   </div>
 
   <div id="related-tags-container">

app/views/posts/show.html.erb

@@ -49,8 +49,8 @@
       </section>
 
       <div class="fav-buttons">
-        <%= button_to "Favorite", favorites_path(post_id: @post.id), remote: true, method: :post, form: {id: "add-fav-button"} %>
-        <%= button_to "Unfavorite", favorite_path(@post), remote: true, method: :delete, form: {id: "remove-fav-button"} %>
+        <%= button_to "Favorite", favorites_path(post_id: @post.id), remote: true, method: :post, form: {id: "add-fav-button"}, class: "ui-button ui-widget ui-corner-all gradient" %>
+        <%= button_to "Unfavorite", favorite_path(@post), remote: true, method: :delete, form: {id: "remove-fav-button"}, class: "ui-button ui-widget ui-corner-all gradient" %>
       </div>
 
       <section id="mark-as-translated-section" style="display: none;">

app/views/uploads/new.html.erb

@@ -44,8 +44,8 @@
           <% else %>
             <%= f.text_field :source, :size => 50 %>
           <% end %>
-          <%= button_tag "Similar", :id => "similar-button", :type => "button" %>
-          <%= button_tag "Artist", :id => "find-artist-button", :type => "button" %>
+          <%= button_tag "Similar", :id => "similar-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+          <%= button_tag "Artist", :id => "find-artist-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
           <span class="hint">You can enter a URL to have <%= Danbooru.config.app_name %> automatically download and process it</span>
         </div>
 
@@ -108,15 +108,15 @@
             <span id="open-edit-dialog" class="ui-icon ui-icon-arrow-1-ne" title="detach" style="display: none;"/>
           </div>
 
-          <%= button_tag "Related tags", :id => "related-tags-button", :type => "button" %>
-          <%= button_tag "General", :id => "related-general-button", :type => "button" %>
-          <%= button_tag "Artists", :id => "related-artists-button", :type => "button" %>
-          <%= button_tag "Characters", :id => "related-characters-button", :type => "button" %>
-          <%= button_tag "Copyrights", :id => "related-copyrights-button", :type => "button" %>
+          <%= button_tag "Related tags", :id => "related-tags-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+          <%= button_tag "General", :id => "related-general-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+          <%= button_tag "Artists", :id => "related-artists-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+          <%= button_tag "Characters", :id => "related-characters-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
+          <%= button_tag "Copyrights", :id => "related-copyrights-button", :type => "button", :class => "ui-button ui-widget ui-corner-all sub gradient" %>
         </div>
 
         <div class="input">
-          <%= submit_tag "Submit", :class => "large", :data => { :disable_with => "Submitting..." } %>
+          <%= submit_tag "Submit", :class => "large", :data => { :disable_with => "Submitting..." }, :class => "ui-button ui-widget ui-corner-all gradient" %>
         </div>
 
         <div id="artist-tags-container">