fix(editor): remove toolbar separators and fix margin

Signed-off-by: Erik Michelson <github@erik.michelson.eu>
This commit is contained in:
Erik Michelson 2023-10-08 13:23:57 +02:00 committed by Tilman Vatteroth
parent e53ad15bfe
commit 7758cd588c
2 changed files with 3 additions and 11 deletions

View file

@ -1,5 +1,5 @@
/*
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
/*!
* SPDX-FileCopyrightText: 2023 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
@ -9,12 +9,4 @@
padding: 0.1875rem 0.5rem;
min-width: 30px;
}
:global(.btn-group):not(:last-of-type)::after {
background-color: #e2e6ea;
width: 2px;
padding: 0.25rem 0;
content: ' ';
margin-left: 0.5rem;
}
}

View file

@ -40,7 +40,7 @@ export const ToolBar: React.FC = () => {
return (
<ShowIf condition={mayEdit}>
<ButtonToolbar className={concatCssClasses(styles.toolbar, 'mb-2')}>
<ButtonToolbar className={concatCssClasses(styles.toolbar, 'my-1')}>
<ButtonGroup className={'mx-1 flex-wrap'}>
<BoldButton />
<ItalicButton />