Merge branch '33911-whitespaces-color-fixes' into 'master'

Fixes whitespace and line numbers

Closes #33911

See merge request gitlab-org/gitlab!18537

app/assets/javascripts/jobs/components/log/line_number.vue

@@ -48,7 +48,7 @@ export default {
 <template>
   <gl-link
     :id="lineNumberId"
-    class="d-inline-block text-right position-absolute line-number"
+    class="d-inline-block text-right line-number"
     :href="buildLineNumber"
     >{{ parsedLineNumber }}</gl-link
   >

app/assets/stylesheets/framework/job_log.scss

@@ -9,6 +9,7 @@
   border-radius: $border-radius-small;
   min-height: 42px;
   background-color: $builds-trace-bg;
+  white-space: pre-wrap;
 }
 
 .log-line {
@@ -17,7 +18,7 @@
 }
 
 .line-number {
-  color: $gl-text-color-inverted;
+  color: $gl-gray-500;
   padding: 0 $gl-padding-8;
   min-width: $job-line-number-width;
   margin-left: -$job-line-number-margin;
@@ -27,7 +28,7 @@
   &:active,
   &:visited {
     text-decoration: underline;
-    color: $gl-text-color-inverted;
+    color: $gl-gray-500;
   }
 }