fix: style for log lines

Author: wolfogre

web_src/js/components/RepoActionView.vue

@@ -191,12 +191,14 @@ const sfc = {
       div._jobLogTime = line.t;
 
       const lineNumber = document.createElement('div');
+      lineNumber.className = 'line-num';
       lineNumber.innerText = line.ln;
       div.appendChild(lineNumber);
 
       // TODO: Support displaying time optionally
 
       const logMessage = document.createElement('div');
+      logMessage.className = 'log-msg';
       logMessage.innerHTML = this.ansiToHTML.toHtml(line.m);
       div.appendChild(logMessage);
 

web_src/less/_actions.less

@@ -20,17 +20,17 @@ body > div.full.height {
     font-family: monospace;
     .job-log-line {
       display: flex;
-      line-num {
+      .line-num {
         width: 48px;
         color: var(--color-grey-light);
         text-align: right;
       }
-      log-time {
+      .log-time {
         color: var(--color-grey-light);
         margin-left: 10px;
         white-space: nowrap;
       }
-      log-msg {
+      .log-msg {
         flex: 1;
         word-break: break-all;
         white-space: break-spaces;