fix delete button

2 files changed, 24 insertions, 5 deletions

diff --git a/tpl/default/css/shaarli.css b/tpl/default/css/shaarli.css
index 36d848d8..f0ba8adb 100644
--- a/tpl/default/css/shaarli.css
+++ b/tpl/default/css/shaarli.css
@@ -747,22 +747,37 @@ pre {
     color: #777777;
 }
 
-.page-form input[type="submit"] {
+.page-form input[type="submit"], .page-form a.button {
     margin: 15px 5px;
     height: 35px;
+    line-height: 35px;
     width: 150px;
     background: #1b926c;
+    color: #f5f5f5;
     border: none;
     box-shadow: 1px 1px 1px #ddd, -1px -1px 6px #ddd, -1px 1px 2px #ddd, 1px -1px 2px #ddd;
     font-size: 1.2em;
-    color: #f5f5f5;
+    text-decoration: none;
+    vertical-align: center;
+    font-weight: normal;
 }
 
 
-.page-form input[type="submit"].button-red {
+.page-form .button.button-red {
     background: #ac2925;
 }
 
+@media screen and (min-width: 64em) {
+    .page-form .submit-buttons {
+        position: relative;
+    }
+
+    .page-form .submit-buttons .button.button-red {
+        position: absolute;
+        right: 5%;
+    }
+}
+
 .page-form select {
     color: #252525;
 }
diff --git a/tpl/default/editlink.html b/tpl/default/editlink.html
index 6b480c29..b17d1038 100644
--- a/tpl/default/editlink.html
+++ b/tpl/default/editlink.html
@@ -58,10 +58,14 @@
         {/loop}
       </div>
 
-      <div>
+
+      <div class="submit-buttons">
         <input type="submit" value="{'Save'|t}" name="save_edit">
         {if="!$link_is_new"}
-          <input type="submit" value="{'Delete'|t}" name="delete_link" class="button-red">
+        <a href="?delete_link&amp;lf_linkdate={$value.id}&amp;token={$token}"
+           title="" name="delete_link" class="button button-red">
+          {'Delete'|t}
+        </a>
         {/if}
       </div>