🪟 🎨 Fix Configuration settings page layout (#22565)

* Cleanup ConfigurationsPage layout, extend card width to fit page remove top margin * Replace div with fragment in ConfigurationsPage
airbytehq · Feb 8, 2023 · 4ab4cec · 4ab4cec
1 parent 2e099ac
commit 4ab4cec
Showing 1 changed file with 4 additions and 13 deletions.
diff --git a/airbyte-webapp/src/pages/SettingsPage/pages/ConfigurationsPage/ConfigurationsPage.tsx b/airbyte-webapp/src/pages/SettingsPage/pages/ConfigurationsPage/ConfigurationsPage.tsx
@@ -1,28 +1,19 @@
 import React from "react";
 import { FormattedMessage } from "react-intl";
-import styled from "styled-components";
 
 import { HeadTitle } from "components/common/HeadTitle";
 import { Card } from "components/ui/Card";
 
 import LogsContent from "./components/LogsContent";
 
-const Content = styled.div`
-  max-width: 813px;
-`;
-
-const ControlContent = styled(Card)`
-  margin-top: 12px;
-`;
-
 const ConfigurationsPage: React.FC = () => {
   return (
-    <Content>
+    <>
       <HeadTitle titles={[{ id: "sidebar.settings" }, { id: "admin.configuration" }]} />
-      <ControlContent title={<FormattedMessage id="admin.logs" />}>
+      <Card title={<FormattedMessage id="admin.logs" />}>
         <LogsContent />
-      </ControlContent>
-    </Content>
+      </Card>
+    </>
   );
 };