small, but center-ish type icons

jloleysens · Oct 25, 2021 · 416e237 · 416e237
1 parent eccecb1
commit 416e237
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 6 deletions.
diff --git a/x-pack/plugins/reporting/public/management/report_listing.scss b/x-pack/plugins/reporting/public/management/report_listing.scss
@@ -0,0 +1,7 @@
+.kbnReporting {
+  &__reportListing {
+    &__typeIcon {
+      padding-left: $euiSizeS;
+    }
+  }
+}
diff --git a/x-pack/plugins/reporting/public/management/report_listing.tsx b/x-pack/plugins/reporting/public/management/report_listing.tsx
@@ -41,6 +41,7 @@ import {
   ReportInfoFlyout,
 } from './components';
 import { guessAppIconTypeFromObjectType } from './utils';
+import './report_listing.scss';
 
 type TableColumn = EuiBasicTableColumn<Job>;
 
@@ -295,12 +296,14 @@ class ReportListingUi extends Component<Props, State> {
         }),
         render: (_type: string, job) => {
           return (
-            <EuiIconTip
-              type={guessAppIconTypeFromObjectType(job.objectType)}
-              size="l"
-              data-test-subj="reportJobType"
-              content={job.objectType}
-            />
+            <div className="kbnReporting__reportListing__typeIcon">
+              <EuiIconTip
+                type={guessAppIconTypeFromObjectType(job.objectType)}
+                size="s"
+                data-test-subj="reportJobType"
+                content={job.objectType}
+              />
+            </div>
           );
         },
         mobileOptions: {