diff --git a/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss b/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss index 7c941be39f..3198db4303 100644 --- a/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss +++ b/apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss @@ -21,3 +21,7 @@ width: 100%; } } + +.mx_CreateSectionDialog_edition > .mx_Dialog_header { + margin-bottom: var(--cpd-space-6x); +} diff --git a/apps/web/src/components/views/dialogs/CreateSectionDialog.tsx b/apps/web/src/components/views/dialogs/CreateSectionDialog.tsx index d8aaed3326..717c80d015 100644 --- a/apps/web/src/components/views/dialogs/CreateSectionDialog.tsx +++ b/apps/web/src/components/views/dialogs/CreateSectionDialog.tsx @@ -8,6 +8,7 @@ import React, { useState, type JSX } from "react"; import { Flex } from "@element-hq/web-shared-components"; import { Form, Text } from "@vector-im/compound-web"; +import classNames from "classnames"; import BaseDialog from "./BaseDialog"; import DialogButtons from "../elements/DialogButtons"; @@ -37,15 +38,19 @@ export function CreateSectionDialog({ onFinished, sectionToEdit }: CreateSection return ( onFinished(false, value)} title={isEdition ? _t("create_section_dialog|title_edition") : _t("create_section_dialog|title")} hasCancel={true} > - - {_t("create_section_dialog|description")} - + {!isEdition && ( + + {_t("create_section_dialog|description")} + + )} {