chore: move chevron to the right

Author: philippfromme

lib/components/Output/ExecutionLog.jsx

@@ -236,6 +236,8 @@ function LogEntry({ entry, isFinished }) {
         className={ entryClass }
         onClick={ isExpandable ? handleExpandToggle : undefined }
       >
+        <span className="execution-log__timestamp">{ formatTime(entry.timestamp) }</span>
+        <span className="execution-log__label">{ label }</span>
         { isExpandable && (
           <span
             className="execution-log__toggle"
@@ -247,8 +249,6 @@ function LogEntry({ entry, isFinished }) {
             { expanded ? <ChevronDown size={ 14 } /> : <ChevronRight size={ 14 } /> }
           </span>
         ) }
-        <span className="execution-log__timestamp">{ formatTime(entry.timestamp) }</span>
-        <span className="execution-log__label">{ label }</span>
       </div>
       { expanded && hasDetails && (
         <dl className="execution-log__details">

lib/style/style.scss

@@ -627,7 +627,7 @@
     .execution-log__toggle {
       display: flex;
       align-items: center;
-      margin-left: -4px;
+      margin-left: auto;
 
       svg {
         fill: #8d8d8d;