{{define "actionhistory"}}
<div class="overflow-y-auto max-h-96 border-2 border-gray-300 p-4 rounded-lg space-y-2">
  Backlog:
  {{range .}}
    <div class="flex items-center justify-between p-2 rounded">
      <span class="font-mono text-sm">
      <span class="text-{{.ActorColor}}-600">{{.Actor}}:</span>
        <span class="text-gray-600">{{.Action}}:</span>
        <span class="text-{{.WordColor}}-500 font-medium">{{.Word}}</span>
        {{if .Number}}
        <span class="text-gray-400">- {{.Number}}</span>
        {{end}}
      </span>
    </div>
  {{end}}
</div>
{{end}}