Fix CrawlerLanding css

elastic · Jun 1, 2021 · 0f3730b · 0f3730b
1 parent f56586e
commit 0f3730b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/.../enterprise_search/public/applications/app_search/components/crawler/crawler_landing.scss b/.../enterprise_search/public/applications/app_search/components/crawler/crawler_landing.scss
@@ -1,12 +1,14 @@
-.crawler-landing {
+.crawlerLanding {
   &__panel {
     overflow: hidden;
     background-image: url('./assets/bg_crawler_landing.png');
     background-size: 45%;
     background-repeat: no-repeat;
     background-position: right -2rem;
 
-    > div {
+  }
+
+  &__wrapper {
       max-width: 50rem;
     }
   }

diff --git a/...s/enterprise_search/public/applications/app_search/components/crawler/crawler_landing.tsx b/...s/enterprise_search/public/applications/app_search/components/crawler/crawler_landing.tsx
@@ -26,11 +26,11 @@ import './crawler_landing.scss';
 import { CRAWLER_TITLE } from '.';
 
 export const CrawlerLanding: React.FC = () => (
-  <div data-test-subj="CrawlerLanding" className="crawler-landing">
+  <div data-test-subj="CrawlerLanding" className="crawlerLanding">
     <EuiPageHeader pageTitle={CRAWLER_TITLE} />
     <EuiSpacer />
-    <EuiPanel grow paddingSize="l" className="crawler-landing__panel">
-      <div>
+    <EuiPanel grow paddingSize="l" className="crawlerLanding__panel">
+      <div className="crawlerLanding__wrapper">
         <EuiTitle size="s">
           <h1>
             {i18n.translate('xpack.enterpriseSearch.appSearch.engine.crawler.landingPage.title', {