re-add #no-styles when inline-search deletes the last one

popup.html

@@ -55,7 +55,7 @@
   </template>
 
   <template data-id="noStyles">
-    <div id="no-styles" class="entry" i18n-text="noStylesForSite"></div>
+    <div id="no-styles" i18n-text="noStylesForSite"></div>
   </template>
 
   <template data-id="regexpProblemIndicator">

popup/popup.css

@@ -101,7 +101,8 @@ body > div:not(#installed):not(#message-box):not(.colorpicker-popup) {
 }
 
 #no-styles {
-  font-style: italic;
+  padding: 4px 9px 6px;
+  font-weight: bold;
 }
 
 #find-styles-link {

popup/popup.js

@@ -468,6 +468,9 @@ function handleUpdate(style) {
 
 function handleDelete(id) {
   $.remove(ENTRY_ID_PREFIX + id);
+  if (!installed.firstElementChild) {
+    installed.appendChild(template.noStyles.cloneNode(true));
+  }
 }