resultpage center

metager/resources/less/metager/pages/resultpage/result-page.less

@@ -403,6 +403,8 @@ a {
 
 #resultpage-container {
   margin: 0 auto;
+  max-width: 100%;
+  padding: 0 0.5rem;
   margin-top: 0;
   display: grid;
   grid-template-columns: @results-width-max max-content;
@@ -410,6 +412,8 @@ a {
   grid-row-gap: @padding-small-default;
   justify-items: stretch;
   align-items: stretch;
+  column-gap: 1rem;
+  row-gap: 0.5rem;
   /**/
   background-color: @resultpage-background-color;
 
@@ -498,14 +502,14 @@ a {
     grid-area: footer;
   }
 
-  @media (max-width: @resultpage-breakpoint-max) {
+  @media (min-width: 1350px) {
     @supports (display: grid) {
       grid-template-columns: @results-width-max max-content;
       grid-template-areas: "searchbar ." "foki ." "options ." "results additions" "footer .";
     }
   }
 
-  @media (max-width: @resultpage-breakpoint-min) {
+  @media (max-width: 1350px) {
     grid-template-columns: 100%;
     grid-template-areas: "searchbar" "foki" "options" "results" "footer";
 
@@ -637,6 +641,10 @@ a {
     display: none;
   }
 
+  input[type="checkbox"]:not(:checked) + .scrollbox {
+    display: none;
+  }
+
   .metager-key-hint {
     font-size: 0.8em;
     margin-bottom: 0;

metager/resources/views/layouts/researchandtabs.blade.php

@@ -34,6 +34,7 @@
 		@yield('results')
 		<div id="backtotop"><a href="#top">@lang('results.backtotop')</a></div>
 	</div>
+	@if(sizeof($quicktips) > 0)
 	<div id="additions-container" data-authorized="{{ $metager->isApiAuthorized() ? 'true' : 'false' }}">
 		@include('layouts.keyboardNavBox')
 		<div id="quicktips">
@@ -42,5 +43,6 @@
 			@endif
 		</div>
 	</div>
+	@endif
 	@include('parts.footer', ['type' => 'resultpage', 'id' => 'resultPageFooter'])
 </div>
\ No newline at end of file