A couple more delete UI tweaks

 - Adjusting HTML indentation
 - Making the cancel button a link rather than a button (a bit
   missized though it seems... maybe a feature ;))

diff --git a/mediagoblin/static/css/base.css b/mediagoblin/static/css/base.css
index 307e29702c669bbefb17d6b7357d088342fca460..ea54f77f7111bdfcb4d8ff4a681d8167113db100 100644 (file)
--- a/mediagoblin/static/css/base.css
+++ b/mediagoblin/static/css/base.css
@@ -141,7 +141,7 @@ background-image: -moz-linear-gradient(center top , rgb(134, 212, 177), rgb(109,
 
 /* common website elements */
 
-.button {
+.button, .cancel_link {
   height: 32px;
   min-width: 99px;
   background-color: #86d4b1;
@@ -165,6 +165,16 @@ background-image: -moz-linear-gradient(center top , rgb(134, 212, 177), rgb(109,
   font-weight: bold;
 }
 
+.cancel_link {
+  background-color: #aaa;
+  background-image: -webkit-gradient(linear, left top, left bottom, from(##D2D2D2), to(#aaa)); 
+  background-image: -webkit-linear-gradient(top, #D2D2D2, #aaa); 
+  background-image:    -moz-linear-gradient(top, #D2D2D2, #aaa); 
+  background-image:     -ms-linear-gradient(top, #D2D2D2, #aaa); 
+  background-image:      -o-linear-gradient(top, #D2D2D2, #aaa); 
+  background-image:         linear-gradient(top, #D2D2D2, #aaa);
+}
+
 .pagination{
 text-align: center;
 }

diff --git a/mediagoblin/templates/mediagoblin/user_pages/media_confirm_delete.html b/mediagoblin/templates/mediagoblin/user_pages/media_confirm_delete.html
index 3fbc2862cd569a6093e84a5825b4ba766f0c012a..9192289e3a8142995d552a230dec6d3ec5d4ed10 100644 (file)
--- a/mediagoblin/templates/mediagoblin/user_pages/media_confirm_delete.html
+++ b/mediagoblin/templates/mediagoblin/user_pages/media_confirm_delete.html
@@ -32,22 +32,22 @@
         {%- endtrans %}
       </h1>
          
-         <div style="text-align: center;" >
+      <div style="text-align: center;" >
         <img src="{{ request.app.public_store.file_url(
                          media['media_files']['thumb']) }}" />
       </div>
          
-         <br />
+      <br />
          
       <p>
-               {{ form.confirm }}
-               {{ _(form.confirm.label.text) }}
-         </p>
+       {{ form.confirm }}
+       {{ _(form.confirm.label.text) }}
+      </p>
+
       <div class="form_submit_buttons">
-               
-               <a href="{{ media.url_for_self(request.urlgen) }}"><input type="button" value="{% trans %}Cancel{% endtrans %}" class="button" /></a>
+        {# TODO: This isn't a button really... might do unexpected things :) #}
+       <a class="cancel_link" href="{{ media.url_for_self(request.urlgen) }}">{% trans %}Cancel{% endtrans %}</a>
         <input type="submit" value="{% trans %}Delete Permanently{% endtrans %}" class="button" />
-               
       </div>
     </div>
   </form>