introduce a icon letting you know querqy rule matched a query

app/assets/javascripts/controllers/searchResults.js

@@ -1,5 +1,4 @@
 'use strict';
-
 angular.module('QuepidApp')
   .controller('SearchResultsCtrl', [
     '$rootScope',
@@ -137,5 +136,14 @@ angular.module('QuepidApp')
           return $scope.query.rating;
         }
       };
+
+      $scope.querqyRuleTriggered = function () {
+        let triggered = false;
+
+        if ($scope.query.searcher.parsedQueryDetails.querqy?.rewrite !== undefined) { // jshint ignore:line
+          triggered = true;
+        }
+        return triggered;
+      };
     }
   ]);

app/assets/stylesheets/animation.css

@@ -3,10 +3,10 @@ using ngAnimate and css from the https://animate.style project
 */
 
 /* when hiding the picture */
-.froggy.ng-hide-add         { animation:2s flipOutX ease; }
+.froggy-animation.ng-hide-add         { animation:2s flipOutX ease; }
 
 /* when showing the picture */
-.froggy.ng-hide-remove      { animation:2s flipInX ease; }
+.froggy-animation.ng-hide-remove      { animation:2s flipInX ease; }
 
 /* ANIMATIONS (FROM ANIMATE.CSS) ======================== */
 

app/assets/stylesheets/froggy.css

@@ -42,3 +42,14 @@
   width: 100%;
   height: 100%;
 }
+
+
+.querqy-icon {
+    display: inline-block;
+    width: 24px;  /* Adjust to match your image width */
+    height: 24px; /* Adjust to match your image height */
+    background-image: image-url('querqy-icon.png');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}

app/assets/templates/views/searchResults.html

@@ -35,10 +35,14 @@ <h2 class="results-title">
 
     <span class="error-warning glyphicon glyphicon-warning-sign"></span>
 
-    <span ng-show="query.isNotAllRated()" class="froggy pull-right fa-lg" style="margin-right: 20px;" title="Hop to it!  There are unrated results!">
+    <span ng-show="query.isNotAllRated()" class="froggy-animation pull-right" style="margin-right: 20px;" title="Hop to it!  There are unrated results!">
       <i class="fas fa-frog fa-stack-2x" data-count="{{ query.currentScore.countMissingRatings }}"></i>
     </span>
 
+    <span ng-show="querqyRuleTriggered()" class="pull-right" style="margin-right: 20px;" title="Querqy Strikes Again!">
+      <i class="querqy-icon"></i>   
+    </span>
+
     <span class="toggleSign glyphicon {{query.isToggled() | plusOrMinus}}" ng-hide="isSortingEnabled()" ng-click="query.toggle()"></span>
   </div>