From 88d85673109d779e29080c682bb55b319bc16617 Mon Sep 17 00:00:00 2001
From: Andrey Goncharov <aigoncharov@meta.com>
Date: Tue, 21 Nov 2023 12:48:27 -0800
Subject: [PATCH] Align buttons to the top

Reviewed By: mweststrate

Differential Revision: D51506570

fbshipit-source-id: 5fc52b214eb61f5da0c3417016e87a79866d4506
---
 desktop/flipper-plugin/src/ui/MasterDetailWithPowerSearch.tsx | 4 +---
 .../src/ui/data-table/DataTableWithPowerSearch.tsx            | 4 ++--
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/desktop/flipper-plugin/src/ui/MasterDetailWithPowerSearch.tsx b/desktop/flipper-plugin/src/ui/MasterDetailWithPowerSearch.tsx
index d6b873431..d165bfe2e 100644
--- a/desktop/flipper-plugin/src/ui/MasterDetailWithPowerSearch.tsx
+++ b/desktop/flipper-plugin/src/ui/MasterDetailWithPowerSearch.tsx
@@ -213,7 +213,6 @@ export function MasterDetailWithPowerSearch<T extends object>({
             <Button
               size="small"
               type="text"
-              style={{height: '100%'}}
               title={`Click to ${pausedState ? 'resume' : 'pause'} the stream`}
               danger={pausedState}
               onClick={handleTogglePause}>
@@ -225,8 +224,7 @@ export function MasterDetailWithPowerSearch<T extends object>({
               size="small"
               type="text"
               title="Clear records"
-              onClick={handleClear}
-              style={{height: '100%'}}>
+              onClick={handleClear}>
               <DeleteOutlined />
             </Button>
           )}
diff --git a/desktop/flipper-plugin/src/ui/data-table/DataTableWithPowerSearch.tsx b/desktop/flipper-plugin/src/ui/data-table/DataTableWithPowerSearch.tsx
index 76e04ec61..0e01d276f 100644
--- a/desktop/flipper-plugin/src/ui/data-table/DataTableWithPowerSearch.tsx
+++ b/desktop/flipper-plugin/src/ui/data-table/DataTableWithPowerSearch.tsx
@@ -921,7 +921,7 @@ export function DataTable<T extends object>(
     <Layout.Container>
       {props.actionsTop ? <Searchbar gap>{props.actionsTop}</Searchbar> : null}
       {props.enableSearchbar && (
-        <Searchbar grow shrink gap>
+        <Searchbar grow shrink gap style={{alignItems: 'baseline'}}>
           <PowerSearch
             config={powerSearchConfig}
             searchExpression={searchExpression}
@@ -941,7 +941,7 @@ export function DataTable<T extends object>(
           />
           {contexMenu && (
             <Dropdown overlay={contexMenu} placement="bottomRight">
-              <Button type="text" size="small" style={{height: '100%'}}>
+              <Button type="text" size="small">
                 <MenuOutlined />
               </Button>
             </Dropdown>