update invoice-form page

Author: theskumar

hypha/apply/projects/templates/application_projects/invoice_form.html

@@ -1,45 +1,49 @@
 {% extends "base-apply.html" %}
 {% load i18n static %}
 
-{% block title %}{% if object %}{% trans "Edit" %}{% else %}{% trans "Add" %}{% endif %} {% trans "Invoice" %}: {% if object %}{{ object.project.title }}{% else %}{{ project.title }}{% endif %}{% endblock %}
+{% block title %}
+    {% if object %}{% trans "Edit" %}{% else %}{% trans "Add" %}{% endif %}
+    {% trans "invoice" %}: {% if object %}{{ object.project.title }}{% else %}{{ project.title }}{% endif %}
+{% endblock %}
 
 {% block hero %}
     <c-hero>
         <c-hero.header
             back_link="{{ project.get_absolute_url }}"
             back_link_text="{% trans 'View project page' %}"
-            title="{% if object %}{% trans 'Editing' %}{% else %}{% trans 'Add' %}{% endif %} {% trans 'Invoice' %}"
+            title="{% if object %}{% trans 'Editing' %}{% else %}{% trans 'Add' %}{% endif %} {% trans 'invoice' %}"
             subtitle="{% if object %}{{ object.project.title }}{% else %}{% trans 'For' %}: {{ project.title }}{% endif %}"
         />
     </c-hero>
 {% endblock %}
 
 {% block content %}
-    {% include "forms/includes/form_errors.html" with form=form %}
-    <div class="wrapper wrapper--form wrapper--sidebar">
-        <div class="grow">
-            <form class="form" action="" method="post" enctype="multipart/form-data">
-                {% csrf_token %}
-                {% for field in form %}
-                    {% if field.field %}
-                        {% include "forms/includes/field.html" %}
-                    {% else %}
-                        {{ field }}
-                    {% endif %}
-                {% endfor %}
+    <form
+        class="my-4 mx-auto w-full max-w-3xl form"
+        action=""
+        method="post"
+        enctype="multipart/form-data"
+    >
+        {% include "forms/includes/form_errors.html" with form=form %}
+        {% csrf_token %}
+        {% for field in form %}
+            {% if field.field %}
+                {% include "forms/includes/field.html" %}
+            {% else %}
+                {{ field }}
+            {% endif %}
+        {% endfor %}
 
-                <div class="flex flex-wrap gap-2 mt-4">
-                    {% for button_name, button_type, button_value in buttons %}
-                        <button
-                            class="btn {{ button_type }}"
-                            type="submit"
-                            name="{{ button_name }} {% if button_value == delete %}formnovalidate{% endif %}"
-                        >
-                            {{ button_value }}
-                        </button>
-                    {% endfor %}
-                </div>
-            </form>
+        <div class="mt-4 card-actions">
+            {% for button_name, button_type, button_value in buttons %}
+                <button
+                    class="btn {{ button_type }}"
+                    type="submit"
+                    name="{{ button_name }} {% if button_value == delete %}formnovalidate{% endif %}"
+                >
+                    {{ button_value }}
+                </button>
+            {% endfor %}
         </div>
-    </div>
+    </form>
 {% endblock %}