better layout for `TaskHistory` to accomodate long ass description 🤪

1 files changed, 35 insertions, 39 deletions

diff --git a/features/TaskHistoryForm.ui.qml b/features/TaskHistoryForm.ui.qml
index 4b207de..fe211ea 100644
--- a/features/TaskHistoryForm.ui.qml
+++ b/features/TaskHistoryForm.ui.qml
@@ -8,35 +8,56 @@ Page {
     background: Rectangle {
         color: "#eeeeee"
     }
-    height: ticketDescriptionLayout.height + ticketDateLayout.height
+    height: ticketDescriptionLayout.height
     property alias creator: creator
     property alias ticketDescription: ticketDescription
     property alias ticketDate: ticketDate
 
-    RowLayout {
+    ColumnLayout {
         id: ticketDescriptionLayout
-        anchors.top: parent.top
-        anchors.topMargin: 0
         anchors.right: parent.right
         anchors.rightMargin: 0
         anchors.left: parent.left
         anchors.leftMargin: 0
         spacing: 8
-        Text {
-            id: creator
-            text: qsTr("Username")
-            Layout.bottomMargin: 8
+        RowLayout {
             Layout.topMargin: 8
-            font.weight: Font.Medium
-            font.pixelSize: 14
-            font.family: "Work Sans"
-            Layout.leftMargin: 16
+            spacing: 8
+            Text {
+                id: creator
+                text: qsTr("Username")
+                Layout.rightMargin: 0
+                Layout.fillWidth: true
+                Layout.bottomMargin: 0
+                Layout.topMargin: 0
+                font.weight: Font.Medium
+                font.pixelSize: 14
+                font.family: "Work Sans"
+                Layout.leftMargin: 16
+            }
+            Text {
+                id: ticketDate
+                text: qsTr("2017-07-25 15:05:30")
+                horizontalAlignment: Text.AlignRight
+                Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
+                Layout.bottomMargin: 0
+                Layout.topMargin: 0
+                Layout.fillWidth: false
+                Layout.leftMargin: 0
+                Layout.rightMargin: 16
+                font.pixelSize: 12
+                font.family: "Work Sans"
+                color: "#8a000000"
+            }
         }
         Text {
             id: ticketDescription
-            text: qsTr("Edit or Commented")
+            text: qsTr("You may put ticket activity description here. Such as editing, commenting, or updating the ticket status.")
+            wrapMode: Text.WrapAtWordBoundaryOrAnywhere
+            Layout.leftMargin: 16
+            Layout.rightMargin: 16
             Layout.bottomMargin: 8
-            Layout.topMargin: 8
+            Layout.topMargin: 0
             Layout.fillWidth: true
             font.pixelSize: 14
             font.family: "Work Sans"
@@ -44,29 +65,4 @@ Page {
             color: "#000000"
         }
     }
-    RowLayout {
-        id: ticketDateLayout
-        anchors.right: parent.right
-        anchors.rightMargin: 0
-        anchors.left: parent.left
-        anchors.leftMargin: 0
-        anchors.top: ticketDescriptionLayout.bottom
-        anchors.topMargin: 0
-        spacing: 8
-        Text {
-            id: ticketDate
-            text: qsTr("2017-07-25 15:05:30")
-            Layout.bottomMargin: 8
-            Layout.topMargin: 8
-            Layout.fillWidth: true
-            Layout.leftMargin: 16
-            Layout.rightMargin: 16
-            font.pixelSize: 12
-            font.family: "Work Sans"
-            color: "#8a000000"
-        }
-    }
 }
-
-
-