From 49e9148db921ad10e05d5b4b82e912b0c5038eb3 Mon Sep 17 00:00:00 2001
From: Skylar Ittner <admin@netsyms.com>
Date: Sat, 3 Feb 2018 21:05:10 -0700
Subject: [PATCH] Improve responsiveness of task editor UI

---
 pages/edittask.php    | 30 +++++++++++++++++++-----------
 static/js/edittask.js |  3 ++-
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/pages/edittask.php b/pages/edittask.php
index 6658069..3c17911 100644
--- a/pages/edittask.php
+++ b/pages/edittask.php
@@ -60,17 +60,25 @@ redirectifnotloggedin();
     ?>
     <form action="action.php" method="GET" onsubmit="prettysave();">
         <div class="card-body">
-            <?php lang("task title") ?>: <input type="text" name="tasktitle" placeholder="<?php lang("task title") ?>" required="required" class="form-control" value="<?php echo $task['tasktitle']; ?>"/>
-            <br />
-            <?php lang("task description") ?>:<br />
-            <textarea name="taskdesc" id="taskdesc" class="form-control"><?php echo $task['taskdesc']; ?></textarea>
-            <br />
-            <?php lang("assigned to") ?>:
-            <input type="text" id="assigned-to-box" name="assignedto" class="form-control" autocomplete="off" value="<?php echo (is_null($tass['userid']) ? "" : getUserByID($tass['userid'])['username'] ); ?>" placeholder="<?php lang("nobody") ?>" />
-            <br />
-            <?php lang("assigned on 2") ?>: <input type="text" class="form-control" id="assigned-on-box" name="taskassignedon" data-toggle="datetimepicker" data-target="#assigned-on-box" value="<?php echo (is_empty($task['taskassignedon']) ? "" : date("D F j, Y g:i a"/* 'Y-m-d\TH:i' */, strtotime($task['taskassignedon']))); ?>" />
-            <br />
-            <?php lang("due by 2") ?>: <input type="text" class="form-control" id="due-by-box" name="taskdueby" data-toggle="datetimepicker" data-target="#due-by-box" value="<?php echo (is_empty($task['taskdueby']) ? "" : date("D F j, Y g:i a", strtotime($task['taskdueby']))); ?>"/>
+            <div class="row">
+                <div class="col-12 mb-3">
+                    <?php lang("task title") ?>: <input type="text" name="tasktitle" placeholder="<?php lang("task title") ?>" required="required" class="form-control" value="<?php echo $task['tasktitle']; ?>"/>
+                </div>
+                <div class="col-12 mb-3">
+                    <?php lang("task description") ?>:<br />
+                    <textarea name="taskdesc" id="taskdesc" class="form-control"><?php echo $task['taskdesc']; ?></textarea>
+                </div>
+                <div class="col-12 col-lg-4 mb-3">
+                    <?php lang("assigned to") ?>:
+                    <input type="text" id="assigned-to-box" name="assignedto" class="form-control" autocomplete="off" value="<?php echo (is_null($tass['userid']) ? "" : getUserByID($tass['userid'])['username'] ); ?>" placeholder="<?php lang("nobody") ?>" />
+                </div>
+                <div class="col-12 col-md-6 col-lg-4 mb-3">
+                    <?php lang("assigned on 2") ?>: <input type="text" class="form-control" id="assigned-on-box" name="taskassignedon" data-toggle="datetimepicker" data-target="#assigned-on-box" value="<?php echo (is_empty($task['taskassignedon']) ? "" : date("D F j, Y g:i a"/* 'Y-m-d\TH:i' */, strtotime($task['taskassignedon']))); ?>" />
+                </div>
+                <div class="col-12 col-md-6 col-lg-4">
+                    <?php lang("due by 2") ?>: <input type="text" class="form-control" id="due-by-box" name="taskdueby" data-toggle="datetimepicker" data-target="#due-by-box" value="<?php echo (is_empty($task['taskdueby']) ? "" : date("D F j, Y g:i a", strtotime($task['taskdueby']))); ?>"/>
+                </div>
+            </div>
         </div>
         <input type="hidden" name="action" value="edittask" />
         <?php if (!is_empty($taskid)) { ?>
diff --git a/static/js/edittask.js b/static/js/edittask.js
index 1e7d02b..461507e 100644
--- a/static/js/edittask.js
+++ b/static/js/edittask.js
@@ -8,7 +8,8 @@ $('#taskdesc').summernote({
         ['font', ['strikethrough', 'superscript', 'subscript']],
         ['misc', ['undo', 'redo', 'fullscreeen']],
         ['para', ['ul', 'ol', 'paragraph']],
-    ]
+    ],
+    minHeight: 100
 });
 
 function clearpretty() {