Fix text align in Safari (#92374) (#92572)

elastic · Feb 24, 2021 · 7556f46 · 7556f46
1 parent ab601d8
commit 7556f46
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/plugins/visualize/public/application/components/visualize_listing.scss b/src/plugins/visualize/public/application/components/visualize_listing.scss
@@ -16,6 +16,10 @@
   margin-left: $euiSizeS;
 }
 
+.visListingTable__titleLink {
+  text-align: left;
+}
+
 .visListingCallout {
   max-width: 1000px;
   width: 100%;

diff --git a/src/plugins/visualize/public/application/utils/get_table_columns.tsx b/src/plugins/visualize/public/application/utils/get_table_columns.tsx
@@ -85,7 +85,7 @@ export const getTableColumns = (
     render: (field: string, { editApp, editUrl, title, error }: VisualizationListItem) =>
       // In case an error occurs i.e. the vis has wrong type, we render the vis but without the link
       !error ? (
-        <RedirectAppLinks application={application}>
+        <RedirectAppLinks application={application} className="visListingTable__titleLink">
           <EuiLink
             href={getVisualizeListItemLink(application, kbnUrlStateStorage, editApp, editUrl)}
             data-test-subj={`visListingTitleLink-${title.split(' ').join('-')}`}