diff --git a/src/accounting/static/css/style.css b/src/accounting/static/css/style.css index 9d44089..caf7d6c 100644 --- a/src/accounting/static/css/style.css +++ b/src/accounting/static/css/style.css @@ -29,7 +29,6 @@ } .btn-group .btn .accounting-search-input { min-height: calc(1em + .5rem + 2px); - padding: 0 0.5rem; } .btn-group .btn .accounting-search-label button { border: none; @@ -45,30 +44,59 @@ background-color: #D3D3D4; } -/** The toolbar for the mobile devices */ -.accounting-mobile-toolbar { +/** The toolbar */ +.accounting-toolbar { display: flex; } -.accounting-mobile-toolbar .accounting-toolbar-button { - height: 3.2rem; - width: 3.2rem; - border-radius: 50%; - margin-left: 1rem; -} -.accounting-mobile-toolbar > a.accounting-toolbar-button { - padding-top: 0.7rem; -} -.accounting-search-mobile-form { - width: 12rem; - margin-left: 1rem; - height: 2.8rem; - align-items: center; - margin-top: 0.3rem; -} -.accounting-search-mobile-form button { +.accounting-toolbar .input-group > .input-group-text { + padding: 0; background-color: transparent; - border: 0; color: inherit; + border: 0; +} +.accounting-toolbar .input-group > .input-group-text > button { + background-color: transparent; + color: inherit; + border: 0; +} +.accounting-toolbar form.btn > .form-control { + min-height: calc(1.5em + 2px); + padding-top: 0.1rem; + padding-bottom: 0.1rem; +} +@media(min-width: 768px) { + .accounting-toolbar > .btn, .accounting-toolbar > .btn-group > .btn { + border-radius: 0; + } + .accounting-toolbar > .btn:first-child, .accounting-toolbar > .btn-group:first-child > .btn { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; + } + .accounting-toolbar > .btn:last-child, .accounting-toolbar > .btn-group:last-child > .btn { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; + } + .accounting-toolbar .btn.input-group { + width: 16rem; + } +} +@media(max-width:767px) { + .accounting-toolbar > .btn:not(form), .accounting-toolbar > .btn-group > .btn { + height: 3.2rem; + width: 3.2rem; + border-radius: 50%; + margin-left: 1rem; + } + .accounting-toolbar > a.btn, .accounting-toolbar > .btn-group > a.btn { + padding-top: 0.7rem; + } + .accounting-toolbar > form.btn { + width: 12rem; + height: 2.6rem; + border-radius: 0.375rem; + margin-top: 0.3rem; + margin-left: 1rem; + } } /** The card layout */ diff --git a/src/accounting/templates/accounting/report/balance-sheet.html b/src/accounting/templates/accounting/report/balance-sheet.html index 1e5f4eb..245d098 100644 --- a/src/accounting/templates/accounting/report/balance-sheet.html +++ b/src/accounting/templates/accounting/report/balance-sheet.html @@ -30,10 +30,8 @@ First written: 2023/3/7 {% block content %} -