Fix styling conflicts (opensearch-project#59)

* fix: Style conflict Signed-off-by: Mingkun Ma <[email protected]> * Add label to search button Signed-off-by: Mingkun Ma <[email protected]> Signed-off-by: Mingkun Ma <[email protected]> Co-authored-by: Mingkun Ma <[email protected]>
mingshl · Nov 3, 2022 · 4aac640 · 4aac640
1 parent ede673f
commit 4aac640
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 8 deletions.
diff --git a/public/components/query_compare/home.tsx b/public/components/query_compare/home.tsx
@@ -50,7 +50,7 @@ export const Home = ({
 
   return (
     <>
-      <div className="search-relevance-flex">
+      <div className="osdOverviewWrapper">
         {documentsIndexes.length ? <SearchResult http={http} /> : <CreateIndex />}
       </div>
       {showFlyout && <Flyout />}

diff --git a/public/components/query_compare/search_result/search_components/search_bar.tsx b/public/components/query_compare/search_result/search_components/search_bar.tsx
@@ -33,7 +33,7 @@ export const SearchInputBar = ({
           />
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiButton fill onClick={onClickSearch}>
+          <EuiButton fill onClick={onClickSearch} aria-label="searchRelevance-searchButton">
             Search
           </EuiButton>
         </EuiFlexItem>

diff --git a/public/index.scss b/public/index.scss
@@ -179,9 +179,3 @@
     height: 200px;
   }
 }
-
-.application > div{
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 auto;
-}