Fixing search results overflow, underlining matching text

src/assets/less/site/algolia.less

@@ -1,5 +1,6 @@
 .algolia {
-  text-align: center;
+  margin-top: -20px;
+  padding-top: 49px;
   a {
     color: @text-color;
     &:hover { color: @link-hover-color; }
@@ -8,4 +9,4 @@
     font-size: 32px;
     vertical-align: middle;
   }
-}
+}

src/assets/less/site/fontawesome-icon-list.less

@@ -2,6 +2,7 @@
   margin-top: 22px;
   .fa-hover {
     a {
+      .text-ellipsis;
       display: block;
       color: @gray-darker;
       line-height: 32px;

src/assets/less/site/search.less

@@ -35,11 +35,6 @@
 #search-results {
   em {
     font-style: normal;
-    background: #1fa67a;
+    text-decoration: underline;
   }
 }
-
-.algolia {
-  margin-top: -20px;
-  padding-top: 45px;
-}

src/icons.html

@@ -29,7 +29,7 @@ relative_path: ../
         <a id="search-clear" href="#" class="fa fa-times-circle hide"></a>
       </section>
     </div>
-    <div class="col-md-2 col-sm-3 hidden-xs">
+    <div class="col-md-2 col-sm-3 padding-left-none hidden-xs">
       <div class="algolia">
         by <a href="https://algolia.com"><i class="fas fas-algolia"></i></a>
       </div>