[Look&Feel] Apply small popover padding and add Oui tooltip (#7523)

* Updated Table padding size
* Added tooltips to index patterns -> source filters
* Updated recent items popover padding
* Updated vis augmenter popover padding

---------

Signed-off-by: Dan Dong <[email protected]>
Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
(cherry picked from commit 33ef32d)
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

changelogs/fragments/7523.yml

@@ -0,0 +1,2 @@
+refactor:
+- [Look&Feel] Apply small popover padding and add Oui tooltips ([#7523](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7523))

src/core/public/chrome/ui/header/recent_items.tsx

@@ -80,6 +80,7 @@ export const RecentItems = ({
       anchorPosition="downCenter"
       repositionOnScroll
       initialFocus={false}
+      panelPaddingSize="s"
     >
       <EuiTitle size="xxs">
         <h4>Recents</h4>

src/plugins/index_pattern_management/public/components/edit_index_pattern/source_filters_table/components/table/table.tsx

@@ -37,6 +37,7 @@ import {
   EuiCompressedFieldText,
   EuiButtonIcon,
   RIGHT_ALIGNMENT,
+  EuiToolTip,
 } from '@elastic/eui';
 
 import { i18n } from '@osd/i18n';
@@ -224,19 +225,23 @@ export class Table extends Component<TableProps, TableState> {
 
           return (
             <>
-              <EuiButtonIcon
-                size="s"
-                onClick={() => this.startEditingFilter(filter.clientId, filter.value)}
-                iconType="pencil"
-                aria-label={editAria}
-              />
-              <EuiButtonIcon
-                size="s"
-                color="danger"
-                onClick={() => deleteFilter(filter)}
-                iconType="trash"
-                aria-label={deleteAria}
-              />
+              <EuiToolTip content={editAria} delay="long" position="top">
+                <EuiButtonIcon
+                  size="s"
+                  onClick={() => this.startEditingFilter(filter.clientId, filter.value)}
+                  iconType="pencil"
+                  aria-label={editAria}
+                />
+              </EuiToolTip>
+              <EuiToolTip content={deleteAria} delay="long" position="top">
+                <EuiButtonIcon
+                  size="s"
+                  color="danger"
+                  onClick={() => deleteFilter(filter)}
+                  iconType="trash"
+                  aria-label={deleteAria}
+                />
+              </EuiToolTip>
             </>
           );
         },

src/plugins/saved_objects_management/public/management_section/objects_table/components/table.tsx

@@ -443,6 +443,7 @@ export class Table extends PureComponent<TableProps, TableState> {
               button={button}
               isOpen={this.state.isExportPopoverOpen}
               closePopover={this.closeExportPopover}
+              panelPaddingSize="s"
             >
               <EuiCompressedFormRow
                 label={

src/plugins/vis_augmenter/public/view_events_flyout/components/event_vis_item_icon.tsx

@@ -53,6 +53,7 @@ export function EventVisItemIcon(props: Props) {
             button={dangerButton}
             isOpen={isErrorPopoverOpen}
             closePopover={closeErrorPopover}
+            panelPaddingSize="s"
           >
             <div>{errorMsg}</div>
           </EuiPopover>