[Look&Feel] Use small EuiTabs and EuiTabbedContent across the board

Signed-off-by: Zhongnan Su <[email protected]>

src/plugins/dev_tools/public/application.tsx

@@ -131,7 +131,7 @@ function DevToolsWrapper({
 
   return (
     <main className="devApp">
-      <EuiTabs className="devAppTabs">
+      <EuiTabs size="s" className="devAppTabs">
         {devTools.map((currentDevTool) => (
           <EuiToolTip content={currentDevTool.tooltipContent} key={currentDevTool.id}>
             <EuiTab

src/plugins/discover/public/application/components/doc_viewer/doc_viewer.tsx

@@ -69,7 +69,7 @@ export function DocViewer(renderProps: DocViewRenderProps) {
 
   return (
     <div className="osdDocViewer">
-      <EuiTabbedContent tabs={tabs} />
+      <EuiTabbedContent tabs={tabs} size="s" />
     </div>
   );
 }

src/plugins/home/public/application/components/feature_directory.js

@@ -149,7 +149,9 @@ export class FeatureDirectory extends React.Component {
             </h1>
           </EuiTitle>
           <EuiSpacer size="m" />
-          <EuiTabs className="homeDirectoryTabs">{this.renderTabs()}</EuiTabs>
+          <EuiTabs size="s" className="homeDirectoryTabs">
+            {this.renderTabs()}
+          </EuiTabs>
           <EuiSpacer />
           <EuiFlexGrid columns={4}>{this.renderDirectories()}</EuiFlexGrid>
         </EuiPageBody>

src/plugins/home/public/application/components/tutorial_directory.js

@@ -301,7 +301,7 @@ class TutorialDirectoryUi extends React.Component {
         {this.renderHeader()}
         <EuiSpacer size="m" />
         {this.renderDataSourceSelector()}
-        <EuiTabs>{this.renderTabs()}</EuiTabs>
+        <EuiTabs size="s">{this.renderTabs()}</EuiTabs>
         <EuiSpacer />
         {this.renderTabContent()}
       </EuiPageBody>

src/plugins/index_pattern_management/public/components/edit_index_pattern/tabs/tabs.tsx

@@ -296,6 +296,7 @@ export function Tabs({ indexPattern, saveIndexPattern, fields, history, location
         setSelectedTabId(tab.id);
         syncingStateFunc.setCurrentTab(tab.id);
       }}
+      size="s"
     />
   );
 }

src/plugins/index_pattern_management/public/components/field_editor/components/scripting_help/help_flyout.tsx

@@ -82,7 +82,7 @@ export const ScriptingHelpFlyout: React.FC<ScriptingHelpFlyoutProps> = ({
   return isVisible ? (
     <EuiFlyout onClose={onClose} data-test-subj="scriptedFieldsHelpFlyout">
       <EuiFlyoutBody>
-        <EuiTabbedContent tabs={tabs} initialSelectedTab={tabs[0]} />
+        <EuiTabbedContent tabs={tabs} initialSelectedTab={tabs[0]} size="s" />
       </EuiFlyoutBody>
     </EuiFlyout>
   ) : null;

src/plugins/vis_type_timeseries/public/application/components/vis_picker.js

@@ -111,7 +111,7 @@ export const VisPicker = injectI18n(function (props) {
     );
   });
 
-  return <EuiTabs>{tabs}</EuiTabs>;
+  return <EuiTabs size="s">{tabs}</EuiTabs>;
 });
 
 VisPicker.propTypes = {