@Amelia_Ciffone
Our team was having the same issue, and hereās the code Iām using that again is tribute to my colleague Gabriel Ramirez, with minor tweaks from me to get the order to flow the way I like.
CSS as follows:
.SingleTaskPane-body {
display: flex;
flex-direction: column;
}
.SingleTaskPaneToolbarEasyCompletion, .SingleTaskPaneToolbar, .MultiTaskPaneToolbar, .SingleTaskPanePlaceholder-toolbar {
order: 1;
display: block;
padding: 10px 30px;
text-align: right;
}
.SingleTaskPaneToolbarEasyCompletion-leftItems, .SingleTaskPaneToolbar-leftItems {
float: left;
}
.HeartButton.SingleTaskPaneToolbarEasyCompletion-button, .HeartButton.SingleTaskPaneToolbar-button {
display: inline-block;
}
.SingleTaskPaneBanners.SingleTaskPane-banners {
order: 2;
display: block;
}
.TaskAncestry {
order: 3;
display: block;
}
.SingleTaskTitleInput.SingleTaskPane-titleRow {
order: 4;
display: block;
}
.TaskPaneAssigneeDueDateRowStructure-assignee {
display: inline-block;
margin-right: 40px;
}
.TaskPaneAssigneeDueDateRowStructure-dueDate {
display: inline-block;
}
.ev-task-details {
order: 5;
display: block;
}
.TaskProjects {
order: 6;
display: block;
}
.TaskProjects-label {
display: inline-block;
vertical-align: top;
margin-top: 7px;
}
.TaskProjects-projects {
display: inline-block;
vertical-align: top;
}
.TaskPaneAssigneeDueDateRowStructure {
order: 7;
display: block;
}
.TaskTags {
order: 8;
display: block;
}
.TaskTags-tagIcon {
vertical-align: middle;
margin-bottom: 10px;
}
.TaskTags-tokenizer {
display: inline-block;
vertical-align: middle;
}
.SubtaskGrid {
order: 10;
display: block;
}
.TaskPremiumFeaturesSection {
order: 9;
display: block;
}
.SingleTaskPane-descriptionRow {
order: 11;
display: block;
}
.SingleTaskPane-descriptionLabel {
display: inline-block;
vertical-align: top;
}
.TaskDescription {
display: inline-block;
vertical-align: top;
width: 94%;
}
.TaskAttachments {
order: 12;
display: block;
}
.TaskAttachments-attachIcon {
vertical-align: top;
}
.TaskAttachments-attachmentList {
display: inline-block;
vertical-align: top;
}
.SingleTaskPane-feed {
order: 13;
display: block;
}