Set fixed width for date in task body

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>

css/src/style.scss

@@ -587,6 +587,14 @@
 								&.overdue {
 									color: $red_overdue;
 								}
+
+								span {
+									overflow: hidden;
+									text-align: right;
+									text-overflow: ellipsis;
+									white-space: nowrap;
+									width: 60px;
+								}
 							}
 
 							.calendar {

src/components/TaskBody.vue

@@ -83,7 +83,7 @@ License along with this library.  If not, see <http://www.gnu.org/licenses/>.
 					<span class="icon icon-sprt-bw sprt-note" />
 				</div>
 				<div v-if="task.due" :class="{overdue: overdue(task.dueMoment)}" class="duedate">
-					{{ dueDateString }}
+					<span>{{ dueDateString }}</span>
 				</div>
 				<Actions class="reactive no-nav" menu-align="right">
 					<ActionButton v-if="!task.calendar.readOnly"