Fixing search results overflow, underlining matching text

diff --git a/src/assets/less/site/algolia.less b/src/assets/less/site/algolia.less
index 4e5383ac9d29f608af60cc7bdafb7f9c270f2582..d97fe5950f8c75b374ec3496886f8480edb61473 100644 (file)
--- a/src/assets/less/site/algolia.less
+++ b/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;
   }
-}
\ No newline at end of file
+}

diff --git a/src/assets/less/site/fontawesome-icon-list.less b/src/assets/less/site/fontawesome-icon-list.less
index 981bdd00212d250a148c6fcb7d5ca21423e8b47b..49dc1b00308e1aa9402cb19d7b0611f84d8f1e2b 100644 (file)
--- a/src/assets/less/site/fontawesome-icon-list.less
+++ b/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;

diff --git a/src/assets/less/site/search.less b/src/assets/less/site/search.less
index 7778518cc1763a474bc13e785c99bcd77d15ced1..a9c8bb68686fc0fa364e43aeb31cd6f92fbaf522 100644 (file)
--- a/src/assets/less/site/search.less
+++ b/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;
-}

diff --git a/src/icons.html b/src/icons.html
index 2f1513fcf49cbbf4a339f14e7728ca6c157272ab..d9196309667cb90cf4f57c5b3176fd2c2f17d056 100644 (file)
--- a/src/icons.html
+++ b/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>