From 09e1d5f238dc5fa47e2914d9cc36a715b470f4ed Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Fri, 5 Mar 2021 13:40:13 +0000 Subject: [PATCH] Bug 27814: (follow-up) Adjust container padding, button flow This patch makes minor changes to the SCSS so that the user summary page's DataTables button flow better at very narrow widths. Also, the main container should have less padding at narrow widths. --- .../opac-tmpl/bootstrap/css/src/_responsive.scss | 20 +++++++++++++++----- 1 file changed, 15 insertions(+), 5 deletions(-) diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss index 3a8e28d9b3..37428ef9ca 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss @@ -18,6 +18,16 @@ .input-fluid { width: 90%; } + + .dt-buttons { + display: block; + } +} + +@media only screen and (min-width: 441px) { + .dt-buttons { + display: flex; + } } @media only screen and ( min-width: 342px ) and ( max-width: 479px ) { @@ -80,10 +90,6 @@ float: none; margin: 0; } - - .dt-buttons { - display: flex; - } } @media only screen and ( max-width: 608px ) { @@ -191,7 +197,7 @@ .main { @include border-radius-all( 0 ); margin: 0; - padding: 15px; + padding: 0; } .breadcrumb { @@ -207,6 +213,10 @@ font-weight: bold; } + .ui-tabs .ui-tabs-panel { + padding: .5em; + } + .ui-tabs-panel, .tabs-container, #topissues, -- 2.11.0