Update the style of buttons.

2023-07-22 13:47:13 +03:00
parent 1711ef1d50
commit 31c8770439
3 changed files with 19 additions and 3 deletions
@@ -14,12 +14,19 @@
  <button type="button"
 	  hx-post="{% url 'tasks:task-update' task.id %}"
 	  hx-swap="outerHTML"
-	  class="ml-auto">
+	  class="inline-block px-5 py-1.5 bg-blue-600 text-white font-medium text-xs leading-tight
+          uppercase rounded shadow-md hover:bg-blue-700 hover:shadow-lg focus:bg-blue-700
+          focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg
+          transition duration-150 ease-in-out ml-auto">
    Update
  </button>
  <button type="button"
 	  hx-post="{% url 'tasks:task-delete' task.id %}"
-	  hx-swap="outerHTML">
+	  hx-swap="outerHTML"
+	  class="inline-block px-5 py-1.5 bg-red-600 text-white font-medium text-xs leading-tight
+          uppercase rounded shadow-md hover:bg-red-700 hover:shadow-lg focus:bg-red-700
+          focus:shadow-lg focus:outline-none focus:ring-0 active:bg-red-800 active:shadow-lg
+          transition duration-150 ease-in-out">
    Delete
  </button>
 </div>