From 09bc22f60b566153b8ac27b08b320fdb44fc780d Mon Sep 17 00:00:00 2001
From: Adam Goldsmith <adam@adamgoldsmith.name>
Date: Tue, 15 Dec 2020 01:46:23 -0500
Subject: [PATCH] Improve style and responsiveness of event entry in taskDetail

---
 tasks/templates/tasks/taskDetail.djhtml | 42 ++++++++++++++++++++++---
 1 file changed, 37 insertions(+), 5 deletions(-)

diff --git a/tasks/templates/tasks/taskDetail.djhtml b/tasks/templates/tasks/taskDetail.djhtml
index 8509f86..43b2801 100644
--- a/tasks/templates/tasks/taskDetail.djhtml
+++ b/tasks/templates/tasks/taskDetail.djhtml
@@ -1,5 +1,7 @@
 {% extends "base.djhtml" %}
 
+{% load widget_tweaks %}
+
 {% block title %} {{ tool.name }} - {{ task.name }} | RecMaint {% endblock %}
 
 {% block content %}
@@ -18,11 +20,32 @@
     </div>
   {% endif %}
 
-  <form method="post">
-    {% csrf_token %}
-    {{ form }}
-    <input type="submit" value="Submit">
-  </form>
+  {% if form.errors %}
+    <div class="alert alert-warning">
+      <h3> Error: </h3>
+      {{ form.errors }}
+    </div>
+  {% endif %}
+
+  <div class="d-md-none">
+    <h2> Log a Maintenance Event </h2>
+    <form class="form-group" method="post">
+      {% csrf_token %}
+      <fieldset class="form-group">
+        {{ form.date.label_tag }}
+        {% render_field form.date type="date" class="form-control" %}
+      </fieldset>
+      <fieldset class="form-group">
+        {{ form.user.label_tag }}
+        {% render_field form.user class="form-control" %}
+      </fieldset>
+      <fieldset class="form-group">
+        {{ form.notes.label_tag }}
+        {% render_field form.notes class="form-control form-control-sm" rows="2" %}
+      </fieldset>
+      <input type="submit" class="btn btn-primary" value="Submit">
+    </form>
+  </div>
 
   <h2> Event Log </h2>
   <table class="table table-striped table-hover">
@@ -34,6 +57,15 @@
       </tr>
     </thead>
     <tbody>
+      <tr class="d-none d-md-table-row">
+        <form method="post">
+          {% csrf_token %}
+          <td> {% render_field form.date type="date" class="form-control" %} </td>
+          <td> {% render_field form.user class="form-control" style="width: initial;" %} </td>
+          <td> {% render_field form.notes class="form-control form-control-sm" rows="2" %} </td>
+          <td> <input type="submit" class="btn btn-primary" value="Submit"> </td>
+        </form>
+      </tr>
       {% for event in events|dictsortreversed:"date" %}
         <tr>
           <td class="text-nowrap"> {{ event.date }} </td>