minor styling tweaks

This commit is contained in:
f0x 2023-01-26 18:45:07 +01:00
parent c80786014c
commit e478aeec0b
2 changed files with 12 additions and 9 deletions

View file

@ -104,15 +104,13 @@ module.exports = function ImportExport() {
<Route> <Route>
{parseResult.isSuccess && <Redirect to={`${baseUrl}/list`} />} {parseResult.isSuccess && <Redirect to={`${baseUrl}/list`} />}
<h2>Import / Export suspended domains</h2> <h1>Import / Export suspended domains</h1>
<div> <p>
<p> This page can be used to import and export lists of domains to suspend.
This page can be used to import and export lists of domains to suspend. Exports can be done in various formats, with varying functionality and support in other software.
Exports can be done in various formats, with varying functionality and support in other software. Imports will automatically detect what format is being processed.
Imports will automatically detect what format is being processed. </p>
</p> <ExportFormatTable />
<ExportFormatTable />
</div>
<div className="import-export"> <div className="import-export">
<TextArea <TextArea
field={form.domains} field={form.domains}

View file

@ -713,6 +713,10 @@ button.with-padding {
} }
.import-export { .import-export {
p {
margin: 0;
}
.export-file { .export-file {
display: flex; display: flex;
gap: 0.7rem; gap: 0.7rem;
@ -721,6 +725,7 @@ button.with-padding {
} }
.export-format-table { .export-format-table {
width: 100%;
background: $list-entry-alternate-bg; background: $list-entry-alternate-bg;
border-collapse: collapse; border-collapse: collapse;