fix(ui): revert to 5.1.1 bootstrap style of button in flex

This commit is contained in:
Łukasz Mierzwa
2021-10-06 16:36:21 +01:00
committed by Łukasz Mierzwa
parent 35dd267c74
commit 585b5a6ab7
4 changed files with 7 additions and 3 deletions

View File

@@ -168,7 +168,7 @@ const SilenceDetails: FC<{
<div className="flex-shrink-0 flex-grow-0 mt-lg-0 mt-2 ml-lg-2 ms-0">
<div className="d-flex flex-fill flex-lg-column flex-row justify-content-around">
<button
className="btn btn-primary btn-sm mb-lg-2 mb-0"
className="btn btn-primary btn-sm mb-lg-2 mb-0 button-in-flex"
disabled={isReadOnly}
onClick={() => {
!isReadOnly && onEditSilence();

View File

@@ -295,7 +295,7 @@ exports[`<ManagedSilence /> matches snapshot with expaned details 1`] = `
</div>
<div class=\\"flex-shrink-0 flex-grow-0 mt-lg-0 mt-2 ml-lg-2 ms-0\\">
<div class=\\"d-flex flex-fill flex-lg-column flex-row justify-content-around\\">
<button class=\\"btn btn-primary btn-sm mb-lg-2 mb-0\\">
<button class=\\"btn btn-primary btn-sm mb-lg-2 mb-0 button-in-flex\\">
<svg aria-hidden=\\"true\\"
focusable=\\"false\\"
data-prefix=\\"fas\\"

View File

@@ -120,7 +120,7 @@ const Browser: FC<{
/>
<button
type="button"
className="btn btn-secondary flex-grow-0 flex-shrink-0"
className="btn btn-secondary flex-grow-0 flex-shrink-0 button-in-flex"
onClick={() => setSortReverse(!sortReverse)}
>
<FontAwesomeIcon

View File

@@ -18,3 +18,7 @@
.components-duration h2 {
font-size: 2.5rem;
}
button.btn.button-in-flex {
align-self: auto;
}