From 7d3c77664c473fd08356f14195f397deedf68861 Mon Sep 17 00:00:00 2001 From: David Lechner Date: Wed, 8 Mar 2023 18:06:11 -0600 Subject: [PATCH] fix vertical button margin in dialogs --- .../replaceImportDialog/replaceImportDialog.scss | 4 ++++ src/sponsor/SponsorDialog.tsx | 4 +++- src/sponsor/sponsorsDialog.scss | 14 ++++++++++++++ 3 files changed, 21 insertions(+), 1 deletion(-) create mode 100644 src/sponsor/sponsorsDialog.scss diff --git a/src/explorer/replaceImportDialog/replaceImportDialog.scss b/src/explorer/replaceImportDialog/replaceImportDialog.scss index dabe8fa2..19573b8e 100644 --- a/src/explorer/replaceImportDialog/replaceImportDialog.scss +++ b/src/explorer/replaceImportDialog/replaceImportDialog.scss @@ -6,5 +6,9 @@ .#{bp.$ns}-dialog.pb-explorer-replaceImportDialog { .#{bp.$ns}-dialog-footer-actions { flex-direction: column; + + .#{bp.$ns}-button { + margin: 0; + } } } diff --git a/src/sponsor/SponsorDialog.tsx b/src/sponsor/SponsorDialog.tsx index 2bb3182e..4d3fcf4b 100644 --- a/src/sponsor/SponsorDialog.tsx +++ b/src/sponsor/SponsorDialog.tsx @@ -1,6 +1,7 @@ // SPDX-License-Identifier: MIT -// Copyright (c) 2022 The Pybricks Authors +// Copyright (c) 2022-2023 The Pybricks Authors +import './sponsorsDialog.scss'; import { AnchorButton, Classes, Dialog, Intent } from '@blueprintjs/core'; import classNames from 'classnames'; import React from 'react'; @@ -24,6 +25,7 @@ const SponsorDialog: React.VoidFunctionComponent = () => { return ( dispatch(sponsorHideDialog())} diff --git a/src/sponsor/sponsorsDialog.scss b/src/sponsor/sponsorsDialog.scss new file mode 100644 index 00000000..abe83a1f --- /dev/null +++ b/src/sponsor/sponsorsDialog.scss @@ -0,0 +1,14 @@ +// SPDX-License-Identifier: MIT +// Copyright (c) 2023 The Pybricks Authors + +@use '@blueprintjs/core/lib/scss/variables' as bp; + +.#{bp.$ns}-dialog.pb-sponsors-dialog { + .#{bp.$ns}-dialog-footer-actions { + flex-direction: column; + + .#{bp.$ns}-button { + margin: 0; + } + } +}