[v9.3.x] Logs: Fix misalignment of LogRows (#59290)

Logs: Fix misalignment of LogRows (#59279)

* add default display flex

* changed to `text-align: left`

(cherry picked from commit 400ada1ad0)

Co-authored-by: Sven Grossmann <sven.grossmann@grafana.com>

public/app/features/logs/components/LogRowMessage.tsx

@@ -47,7 +47,7 @@ const getStyles = (theme: GrafanaTheme2, showContextButton: boolean, isInDashboa
       display: inherit;
     `,
     horizontalScroll: css`
-      label: verticalScroll;
+      label: horizontalScroll;
       white-space: pre;
     `,
     contextNewline: css`

public/app/features/logs/components/getLogRowStyles.ts

@@ -124,6 +124,7 @@ export const getLogRowStyles = (theme: GrafanaTheme2, logLevel?: LogLevel) => {
       white-space: pre-wrap;
       word-break: break-all;
       width: 100%;
+      text-align: left;
     `,
     //Log details specific CSS
     logDetailsContainer: css`