#417 inline search

GanjooRazor/Pages/_InlinePageUtilsPartial.cshtml

@@ -240,7 +240,7 @@
 
         @if(Model.GanjoorPage.Poem != null)
         {
-            <div class="clear-both margin-20px">
+            <div class="clear-both margin-15px">
                 <input type="search" name="inline-search" id="inline-search" placeholder="جستجو در متن" size="35" value="" onkeyup="inlineHighlight()">
                 <a onclick="inlineUnHighlight()" role="button" class="cursor-pointer">
                     <i class="noindent-info-button close-button"></i>

GanjooRazor/wwwroot/css/p8.css

@@ -1989,6 +1989,10 @@ fieldset {
     cursor: pointer;
 }
 
+.margin-15px {
+    margin: 15px !important;
+}
+
 @media(prefers-color-scheme: dark) {
     body {
         background: rgba(0, 0, 0, 0.9);
@@ -2104,7 +2108,5 @@ fieldset {
         background-color: black !important;
     }
 
-    .margin-20px{
-        margin: 20px;
-    }
+
 }

GanjooRazor/wwwroot/js/bk.js

@@ -1340,6 +1340,7 @@ function inlineHighlight() {
         done: function () {
             $(context).mark(searchTerm, {
                 ignoreJoiners: true,
+                separateWordSearch: false,
                 ignorePunctuation: 'ًٌٍَُّ.،!؟ٔ:؛;*)([]«»ْ'.split(''),
                 "exclude": [
                     "#poet-image *",