style(workflows): explain history separation in workflow view

frontend/src/app.sass

@@ -1431,6 +1431,16 @@ pre, tt, code
     .workflow-instance--actions
       margin: 0 0 0.5rem 11px
 
+.workflow-history-labels
+  display: flex
+  flex-direction: column
+  &__own
+    align-self: flex-end
+    text-align: right
+  &__others
+    align-self: flex-start
+    text-align: left
+
 .workflow-history
   @extend .list--iconless
 

messages/uniworx/de-de-formal.msg

@@ -3086,6 +3086,8 @@ WorkflowWorkflowWorkflowStateHeading: Zustand/Daten
 WorkflowWorkflowWorkflowPayloadHeading: Aktueller Datensatz
 WorkflowWorkflowWorkflowStateStateLabel: Aktueller Zustand
 WorkflowWorkflowWorkflowStateStateHidden: Versteckter Zustand
+WorkflowWorkflowWorkflowHistoryLabelOthers: Aktionen Anderer
+WorkflowWorkflowWorkflowHistoryLabelOwn: Eigene Aktionen
 
 WorkflowPayloadFiles: Datei(en)
 WorkflowPayloadBoolTrue: Ja

messages/uniworx/en-eu.msg

@@ -3046,6 +3046,8 @@ WorkflowWorkflowWorkflowStateHeading: State/Data
 WorkflowWorkflowWorkflowPayloadHeading: Current data
 WorkflowWorkflowWorkflowStateStateLabel: Current state
 WorkflowWorkflowWorkflowStateStateHidden: Hidden state
+WorkflowWorkflowWorkflowHistoryLabelOthers: Other users' actions
+WorkflowWorkflowWorkflowHistoryLabelOwn: Your actions
 
 WorkflowPayloadFiles: File(s)
 WorkflowPayloadBoolTrue: Yes

templates/workflows/workflow.hamlet

@@ -51,6 +51,12 @@ $maybe edgeView <- mEdgeView
   <h2>
     _{MsgWorkflowWorkflowWorkflowHistoryHeading}
 
+  <div .workflow-history-labels .explanation>
+    <div .workflow-history-labels__others>
+      _{MsgWorkflowWorkflowWorkflowHistoryLabelOthers}
+    <div .workflow-history-labels__own>
+      _{MsgWorkflowWorkflowWorkflowHistoryLabelOwn}
+
   <ul .workflow-history>
     $forall histItem <- workflowHistory
       ^{historyToWidget histItem}