@@ -, +, @@ --- koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt | 5 +---- koha-tmpl/opac-tmpl/bootstrap/less/opac.less | 9 +++++++-- koha-tmpl/opac-tmpl/bootstrap/less/responsive.less | 9 +++++++++ 3 files changed, 17 insertions(+), 6 deletions(-) --- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt +++ a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-results.tt @@ -974,10 +974,7 @@ $(document).ready(function(){ [% IF ( DidYouMean ) %] $("#didyoumean").load("/cgi-bin/koha/svc/suggestion?render=stub&q=[% querystring |uri %]", function() { - $(".searchsuggestion").parent().parent().css({ - "border-color": "#F4ECBE", - "background-color": "#FFFBEA" - }); + $(this).addClass("dym-loaded"); }); [% END %] --- a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less +++ a/koha-tmpl/opac-tmpl/bootstrap/less/opac.less @@ -1735,10 +1735,16 @@ input.editshelf { #didyoumean { background-color: #EEE; border: 1px solid #E8E8E8; - margin: 0 0 0.5em; + box-sizing: border-box; + margin: .5em 1.5em; text-align: left; padding: 0.5em; .border-radius-all(3px); + + &.dym-loaded { + border-color: #F4ECBE; + background-color: #FFFBEA; + } } .suggestionlabel { @@ -1747,7 +1753,6 @@ input.editshelf { .searchsuggestion { padding: 0.2em 0.5em; - white-space: nowrap; display: inline-block; } --- a/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less +++ a/koha-tmpl/opac-tmpl/bootstrap/less/responsive.less @@ -41,6 +41,9 @@ .input-fluid { width : 75%; } + .searchsuggestion { + display: block; + } } /* Override Bootstrap Responsive CSS fixed navbar */ @media (max-width: 979px) { @@ -421,6 +424,12 @@ padding: 1em 0 1em 0; } } + #didyoumean { + margin: 0; + } + .searchsuggestion { + white-space: nowrap; + } } @media only screen and (min-width: 768px) and (max-width: 984px) { --