From f44ed876467a8f4e4b9d8df334c605cf7b98c404 Mon Sep 17 00:00:00 2001
From: tophf <tophf@gmx.com>
Date: Sun, 10 Dec 2017 12:00:40 +0300
Subject: [PATCH] use a thin underline under big bold titles in inline search

---
 popup.html               | 6 ++----
 popup/search-results.css | 7 +++++--
 popup/search-results.js  | 5 +++--
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/popup.html b/popup.html
index 9850574e..88041824 100644
--- a/popup.html
+++ b/popup.html
@@ -85,7 +85,7 @@
 
   <template data-id="searchResult">
     <div class="search-result">
-      <a class="search-result-title"></a>
+      <a class="search-result-title"><span></span></a>
       <div class="search-result-info">
         <img class="search-result-screenshot">
         <div class="actions">
@@ -177,9 +177,7 @@
         <span id="find-styles-inline-group">
           <label i18n-title="findStylesInlineTooltip">
             <input id="popup.findStylesInline" class="checker" type="checkbox">
-            <svg class="svg-icon checked" viewBox="0 0 1000 1000">
-              <path fill-rule="evenodd" d="M983.2,184.3L853,69.8c-4-3.5-9.3-5.3-14.5-5c-5.3,0.4-10.3,2.8-13.8,6.8L352.3,609.2L184.4,386.9c-3.2-4.2-8-7-13.2-7.8c-5.3-0.8-10.6,0.6-14.9,3.9L18,487.5c-8.8,6.7-10.6,19.3-3.9,28.1L325,927.2c3.6,4.8,9.3,7.7,15.3,8c0.2,0,0.5,0,0.7,0c5.8,0,11.3-2.5,15.1-6.8L985,212.6C992.3,204.3,991.5,191.6,983.2,184.3z"/>
-            </svg>
+            <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
             <span i18n-text="findStylesInline"></span>
           </label>
         </span>
diff --git a/popup/search-results.css b/popup/search-results.css
index 1dd09577..960bac83 100755
--- a/popup/search-results.css
+++ b/popup/search-results.css
@@ -48,14 +48,17 @@ body.search-results-shown {
 }
 
 .search-result-title {
-  font-size: 1.2em;
-  font-weight: 600;
   margin-bottom: .5em;
   display: block;
   color: #666;
   overflow-wrap: break-word;
 }
 
+.search-result-title span {
+  font-size: 1.2em;
+  font-weight: 600;
+}
+
 .search-result:hover .search-result-title {
   color: initial;
 }
diff --git a/popup/search-results.js b/popup/search-results.js
index ab05596b..e99008cb 100755
--- a/popup/search-results.js
+++ b/popup/search-results.js
@@ -290,13 +290,14 @@ window.addEventListener('showStyles:done', function _() {
         id: ENTRY_ID_PREFIX + result.id,
       });
 
-      const displayedName = result.name.length < 300 ? result.name : result.name.slice(0, 300) + '...';
       Object.assign($('.search-result-title', entry), {
-        textContent: tWordBreak(displayedName),
         onclick: handleEvent.openURLandHide,
         href: searchAPI.BASE_URL + result.url
       });
 
+      const displayedName = result.name.length < 300 ? result.name : result.name.slice(0, 300) + '...';
+      $('.search-result-title span', entry).textContent = tWordBreak(displayedName);
+
       const screenshot = $('.search-result-screenshot', entry);
       let screenshotUrl = result.screenshot_url;
       if (screenshotUrl === null) {