From: Christopher Allan Webber <cwebber@dustycloud.org>
Date: Tue, 6 Sep 2011 02:01:22 +0000 (-0500)
Subject: A couple more delete UI tweaks
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;ds=sidebyside;h=677f55cc51c82c80005b0ff6658e9937133ef78b;hp=b7f7c13b6d70113857bac89c426d17dffc55bc6d;p=mediagoblin.git

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 307e2970..ea54f77f 100644
--- 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 3fbc2862..9192289e 100644
--- 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>