Improved: Gespeicherte Ergebnisse werden jetzt korrekt undter den Quicktips angezeigt

resources/assets/js/results.js

@@ -250,34 +250,33 @@ Result.prototype.remove = function () {
 
 Result.prototype.toHtml = function () {
   var result = $('\
-    <div class="result row">\
-      <div class="col-sm-1 glyphicon glyphicon-trash remover" title="Ergebnis aus dem Speicher löschen">\
+    <div class="saved-result result">\
+      <div class="saved-result-remover remover" title="Ergebnis aus dem Speicher löschen">\
+        <i class="fa fa-trash"></i>\
       </div>\
-      <div class="result-information col-xs-12 col-sm-11">\
-        <div class="col-xs-10 col-sm-11" style="padding:0; ">\
-          <p class="title">\
-            <a class="title" href="' + this.link + '" target="_blank" data-hoster="' + this.hoster + '" data-count="1" rel="noopener">\
-              ' + this.title + '\
+      <div class="saved-result-content">\
+        <h2 class="result-title">\
+          <a class="title" href="' + this.link + '" target="_blank" data-hoster="' + this.hoster + '" data-count="1" rel="noopener">\
+            ' + this.title + '\
+          </a>\
+        </h2>\
+        <div class="result-header">\
+          <div class="result-link">\
+            <a href="' + this.link + '" target="_blank" data-hoster="' + this.hoster + '" data-count="' + this.index + '" rel="noopener">\
+              ' + this.anzeigeLink + '\
             </a>\
-          </p>\
-          <div class="link">\
-            <div>\
-              <div class="link-link">\
-                <a href="' + this.link + '" target="_blank" data-hoster="' + this.hoster + '" data-count="' + this.index + '" rel="noopener">\
-                  ' + this.anzeigeLink + '\
-                </a>\
-            </div>\
           </div>\
-          <span class="hoster">\
-            ' + this.gefVon + '\
+          <span class="result-hoster">' + this.gefVon + '</span>\
+          <span class="result-proxy">\
+            <a class="result-proxy" onmouseover="$(this).popover(\'show\');" onmouseout="$(this).popover(\'hide\');" data-toggle="popover" data-placement="auto right" data-container="body" data-content="Der Link wird anonymisiert geöffnet. Ihre Daten werden nicht zum Zielserver übertragen. Möglicherweise funktionieren manche Webseiten nicht wie gewohnt." href="' + this.proxy + '" target="_blank" rel="noopener" data-original-title="" title="">\
+              <img src="/img/proxyicon.png" alt="">\
+              anonym öffnen\
+            </a>\
           </span>\
-          <a class="proxy" onmouseover="$(this).popover(\'show\');" onmouseout="$(this).popover(\'hide\');" data-toggle="popover" data-placement="auto right" data-container="body" data-content="Der Link wird anonymisiert geöffnet. Ihre Daten werden nicht zum Zielserver übertragen. Möglicherweise funktionieren manche Webseiten nicht wie gewohnt." href="' + this.proxy + '" target="_blank" rel="noopener" data-original-title="" title="">\
-            <img src="/img/proxyicon.png" alt="">\
-            anonym öffnen\
-          </a>\
         </div>\
-      </div>\
-      <div class="description">' + this.description + '</div>\
+        <div class="result-body">\
+          <div class="description">' + this.description + '</div>\
+        </div>\
       </div>\
     </div>');
   $(result).find('.remover').click({caller: this}, function (event) {

resources/assets/less/metager/result-saver.less

+@saved-result-distance-first: 10px;
+@saved-result-distance-between: 10px;
+
 #savedFoki {
     padding-top: 50px;
+    display: flex;
+    flex-direction: column;
     #saver-options {
         display: flex;
         flex-direction: column;
@@ -22,4 +27,20 @@
             width: 100%;
         }
     }
+    .saved-result {
+        display: flex;
+        align-items: baseline;
+        margin-top: @saved-result-distance-first;
+        margin-bottom: @saved-result-distance-between;
+        padding-bottom: @saved-result-distance-between;
+        .saved-result-remover {
+            padding: 0px 10px;
+            .fa {
+                font-size: 20px;
+            }
+        }
+        .saved-result-content {
+            overflow: hidden;
+        }
+    }
 }
\ No newline at end of file

resources/assets/less/metager/result.less

@@ -79,7 +79,7 @@
             margin-top: 0;
             margin-left: 10px;
         }
-        .result-proxy {
+        .result-proxy, .result-proxy a {
             font-size: 13px;
             margin-top: 0;
             white-space: nowrap;

resources/views/layouts/result.blade.php

@@ -56,10 +56,12 @@
 				<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/partnershops") }}" target="_blank" rel="noopener">{!! trans('result.options.4') !!}</a>
 			</span>
 		@endif
-		<a class="result-proxy" onmouseover="$(this).popover('show');" onmouseout="$(this).popover('hide');" data-toggle="popover" data-placement="auto right" data-container="body" data-content="@lang('result.proxytext')" href="{{ $result->proxyLink }}" target="{{ $metager->getNewtab() }}" rel="noopener">
-			<img src="/img/proxyicon.png" alt="" />
-			<span>{!! trans('result.options.5') !!}</span>
-		</a>
+		<span class="result-proxy">
+			<a onmouseover="$(this).popover('show');" onmouseout="$(this).popover('hide');" data-toggle="popover" data-placement="auto right" data-container="body" data-content="@lang('result.proxytext')" href="{{ $result->proxyLink }}" target="{{ $metager->getNewtab() }}" rel="noopener">
+				<img src="/img/proxyicon.png" alt="" />
+				<span>{!! trans('result.options.5') !!}</span>
+			</a>
+		</span>
 	</div>
 	<div class="result-body">
 		@if( isset($result->logo) )