Merge pull request #77 from mukobi/delete-button-better-a-href

(XS) Fix/improve delete buttons
knative-portability · Aug 8, 2019 · 921abd5 · 921abd5
2 parents 13d3b74 + d771039
commit 921abd5
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/pageserve/static/style.css b/pageserve/static/style.css
@@ -90,6 +90,23 @@
   box-shadow: 0 0 8px #cccccc;
 }
 
+.content_box .delete_button {
+  border: 1px solid #8c1515;
+  color: #8c1515;
+  background-color: white;
+  padding: 12px 24px;
+  border-radius: 4px;
+  display: block;
+  transition: all 200ms;
+  width: fit-content;
+  margin: 12px auto;
+}
+
+.content_box .delete_button:hover {
+  color: white;
+  background-color: #8c1515;
+}
+
 hr.form_divider {
   border-top: 5px double #8c8b8b;
 }

diff --git a/pageserve/templates/index.html b/pageserve/templates/index.html
@@ -61,7 +61,7 @@ <h2>Past Posts</h2>
         {% endif %}
 
         {% if post.author_id == session["user_id"] %}
-            <a href="#" onClick="deletePost('{{ post._id['$oid'] }}');">Delete</a>
+            <a href onClick="deletePost('{{ post._id['$oid'] }}');" class="delete_button">Delete Post</a>
         {% endif %}
       </div>
     {% endfor %}