switch to small button

Signed-off-by: Adam Tackett <[email protected]>
opensearch-project · Sep 5, 2024 · f9885f8 · f9885f8
1 parent 5725320
commit f9885f8
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/public/components/main/main.tsx b/public/components/main/main.tsx
@@ -8,7 +8,7 @@ import { i18n } from '@osd/i18n';
 import {
   EuiFlexGroup,
   EuiFlexItem,
-  EuiButton,
+  EuiSmallButton,
   // @ts-ignore
   EuiHorizontalRule,
   EuiSpacer,
@@ -296,7 +296,7 @@ export function Main(props) {
             </EuiText>
           </EuiFlexItem>
           <EuiFlexItem component="span" grow={false}>
-            <EuiButton
+            <EuiSmallButton
               onClick={refreshReportsTable}
               iconSide="left"
               iconType="refresh"
@@ -305,7 +305,7 @@ export function Main(props) {
                 'opensearch.reports.main.reports.button.refresh',
                 { defaultMessage: 'Refresh' }
               )}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiHorizontalRule margin='s' />
@@ -336,7 +336,7 @@ export function Main(props) {
             </EuiText>
           </EuiFlexItem>
           <EuiFlexItem grow={false}>
-            <EuiButton
+            <EuiSmallButton
               onClick={refreshReportsDefinitionsTable}
               iconSide="left"
               iconType="refresh"
@@ -345,10 +345,10 @@ export function Main(props) {
                 'opensearch.reports.main.reportDefinitions.button.refresh',
                 { defaultMessage: 'Refresh' }
               )}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
           <EuiFlexItem component="span" grow={false}>
-            <EuiButton
+            <EuiSmallButton
               fill={true}
               onClick={() => {
                 window.location.assign('reports-dashboards#/create');
@@ -359,7 +359,7 @@ export function Main(props) {
                 'opensearch.reports.main.reportDefinitions.button.create',
                 { defaultMessage: 'Create' }
               )}
-            </EuiButton>
+            </EuiSmallButton>
           </EuiFlexItem>
         </EuiFlexGroup>
         <EuiHorizontalRule margin='s' />