Improved created/completed dates

jamie-lord · Dec 6, 2018 · 73e6c2d · 73e6c2d
1 parent 8f9afbf
commit 73e6c2d
Showing 1 changed file with 19 additions and 19 deletions.
diff --git a/Do/Components/TaskComponent.cshtml b/Do/Components/TaskComponent.cshtml
@@ -15,29 +15,29 @@
             }
 
             <div class="col">
-                <p style="margin-bottom: 0;">
+                <h5 style="margin-bottom: 0;">
                     @PriorityBadge
                     @Task.Body
-                </p>
-                <p class="task-meta">
-                    <small>
-                        @if (Task.Creation != null)
-                        {
-                            @Task.Creation.Humanize();
-                        }
-                        @if (Task.Completion != null)
-                        {
-                            @Task.Completion.Humanize();
-                        }
-                        @if (Task.Context != null && Task.Context.Count > 0)
+                </h5>
+                <div class="task-meta">
+                    @if (Task.Creation != null)
+                    {
+                        <span>Created @Task.Creation.Humanize()</span>
+                    }
+
+                    @if (Task.Completion != null)
+                    {
+                        <span>Completed @Task.Completion.Humanize()</span>
+                    }
+
+                    @if (Task.Context != null && Task.Context.Count > 0)
+                    {
+                        foreach (var context in Task.Context.OrderBy(x => x))
                         {
-                            foreach (var context in Task.Context.OrderBy(x => x))
-                            {
-                                <span class="badge badge-secondary">@context</span>
-                            }
+                            <span class="badge badge-secondary">@context</span>
                         }
-                    </small>
-                </p>
+                    }
+                </div>
             </div>
 
             <div class="col-md-auto my-auto col-trailing">