diff --git a/resources/assets/less/metager/result.less b/resources/assets/less/metager/result.less index b632f4696973d3ebda4019d846b26c4e3cf40132..9cd4fe08b34c1ee5b9938d75ce060ee05c82ad66 100644 --- a/resources/assets/less/metager/result.less +++ b/resources/assets/less/metager/result.less @@ -46,30 +46,35 @@ white-space: nowrap; } } - span.partnershop-info { - background-color: #0d9c0d; - color: white; - padding: 3px; - border-radius: 4px; - font-weight: bold; - font-size: 10px; - margin-right: 10px; - } - .result-link { - .overflow-ellipsis; - display: block; - font-size: @result-font-small; - width: fit-content; - max-width: 100%; - &, - &:active, - &:hover, - &:focus, - &:visited { - font-size: @result-font-url; - text-decoration: none; + .result-subheadline { + width: 100%; + display: flex; + .result-link { + .overflow-ellipsis; + display: block; + font-size: @result-font-small; + width: fit-content; + max-width: 100%; + &, + &:active, + &:hover, + &:focus, + &:visited { + font-size: @result-font-url; + text-decoration: none; + } + span.advertisement-mark { + background-color: #0d9c0d; + color: white; + padding: 3px; + border-radius: 4px; + font-weight: bold; + font-size: 10px; + margin-right: 10px; + } } - span.advertisement-mark { + span.partnershop-info { + margin-left: 20px; background-color: #0d9c0d; color: white; padding: 3px; diff --git a/resources/views/layouts/ad.blade.php b/resources/views/layouts/ad.blade.php index 96fd5703b6ab6d5240974eca0b1ca92b8417768c..033649ca1be75c344f2f185d0666a46045a7468b 100644 --- a/resources/views/layouts/ad.blade.php +++ b/resources/views/layouts/ad.blade.php @@ -10,10 +10,12 @@ </h2> <a class="ad-label" href="{{ $ad->gefVonLink }}" target="_blank" rel="noopener">{!! $ad->gefVon !!}</a> </div> - <a class="result-link" href="{{ $ad->link }}" target="{{ $metager->getNewtab() }}"> - <span class="advertisement-mark">Anzeige</span> - {{ $ad->anzeigeLink }} - </a> + <div class="result-subheadline"> + <a class="result-link" href="{{ $ad->link }}" target="{{ $metager->getNewtab() }}"> + <span class="advertisement-mark">Anzeige</span> + {{ $ad->anzeigeLink }} + </a> + </div> </div> <div class="result-body"> <div class="result-description"> diff --git a/resources/views/layouts/result.blade.php b/resources/views/layouts/result.blade.php index 530ae18b0c67077be9d72619a1a8315f71206b67..6b1604e6f2d516226537774d45864dc19174928d 100644 --- a/resources/views/layouts/result.blade.php +++ b/resources/views/layouts/result.blade.php @@ -14,12 +14,16 @@ </h2> <a class="result-hoster" href="{{ $result->gefVonLink }}" target="{{ $metager->getNewtab() }}" rel="noopener">{{ $result->gefVon }}</a> </div> - @if( isset($result->partnershop) && $result->partnershop === TRUE ) - <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/partnershops") }}" target="_blank" rel="noopener"><span class="partnershop-info">{!! trans('result.options.4') !!}</span></a> - @endif - <a class="result-link" href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" rel="noopener"> - {{ $result->anzeigeLink }} - </a> + <div class="result-subheadline"> + <a class="result-link" href="{{ $result->link }}" target="{{ $metager->getNewtab() }}" rel="noopener"> + {{ $result->anzeigeLink }} + </a> + @if( isset($result->partnershop) && $result->partnershop === TRUE) + <a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/partnershops") }}" target="_blank" rel="noopener"> + <span class="partnershop-info">{!! trans('result.options.4') !!}</span> + </a> + @endif + </div> </div> <div class="result-body"> @if( isset($result->logo) ) diff --git a/resources/views/parts/fake-result.blade.php b/resources/views/parts/fake-result.blade.php index c6b59896d55d8c7aec76ccecd202304824a3a5a5..563b8225785dfb79a2a967b9e1d365daafd08714 100644 --- a/resources/views/parts/fake-result.blade.php +++ b/resources/views/parts/fake-result.blade.php @@ -8,9 +8,11 @@ </h2> <a class="result-hoster" href="javascript:void(0);" data-tooltip="{{ trans('fake-result.link') }}">MetaGer</a> </div> - <a class="result-link" href="javascript:void(0);" data-tooltip="{{ trans('fake-result.link') }}"> - de.wikipedia.org - </a> + <div class="result-subheadline"> + <a class="result-link" href="javascript:void(0);" data-tooltip="{{ trans('fake-result.link') }}"> + de.wikipedia.org + </a> + </div> </div> <div class="resultpage-body"> <div class="result-description" data-tooltip="{{ trans('fake-result.description') }}"> @@ -60,4 +62,4 @@ </ul> </div> </div> -</div> \ No newline at end of file +</div>