added advanced configuration header styles (#4982)

cvat-ai · Sep 21, 2022 · 5a8b5df · 5a8b5df
1 parent 0292433
commit 5a8b5df
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/cvat-ui/src/components/create-project-page/create-project-content.tsx b/cvat-ui/src/components/create-project-page/create-project-content.tsx
@@ -283,7 +283,7 @@ export default function CreateProjectContent(): JSX.Element {
                 />
             </Col>
             <Col span={24}>
-                <Collapse>
+                <Collapse className='cvat-advanced-configuration-wrapper'>
                     <Collapse.Panel key='1' header={<Text className='cvat-title'>Advanced configuration</Text>}>
                         <AdvancedConfigurationForm
                             formRef={advancedFormRef}

diff --git a/cvat-ui/src/components/create-task-page/create-task-content.tsx b/cvat-ui/src/components/create-task-page/create-task-content.tsx
@@ -803,7 +803,7 @@ class CreateTaskContent extends React.PureComponent<Props & RouteComponentProps,
         } = this.state;
         return (
             <Col span={24}>
-                <Collapse>
+                <Collapse className='cvat-advanced-configuration-wrapper'>
                     <Collapse.Panel key='1' header={<Text className='cvat-title'>Advanced configuration</Text>}>
                         <AdvancedConfigurationForm
                             dumpers={dumpers}

diff --git a/cvat-ui/src/styles.scss b/cvat-ui/src/styles.scss
@@ -96,3 +96,13 @@ hr {
 .cvat-divider {
     margin: $grid-unit-size * 0.5 0;
 }
+
+.cvat-advanced-configuration-wrapper {
+    .ant-collapse-header {
+        align-items: center !important;
+    }
+
+    .cvat-title {
+        padding-top: 0;
+    }
+}