docs: minor doc tweaks

Krinkle · Krinkle · commit 7b16c0893e30 · 2024-08-06T02:58:55.000+01:00
diff --git a/README.md b/README.md
@@ -23,7 +23,7 @@
 
 ## Getting started
 
-**[Demo](https://jquery.github.io/typesense-minibar/demo/)**
+**[Demo](https://jquery.github.io/typesense-minibar/)**
 
 ```html
 <typesense-minibar data-origin="" data-collection="" data-key="">
diff --git a/demo/demo.css b/demo/demo.css
@@ -92,7 +92,7 @@ typesense-minibar.demo-form-overlay:focus-within form {
 .demo-stylecontrol fieldset {
   background: #fff;
 }
-@media (min-height: 600px) {
+@media (min-height: 750px) {
   .demo-stylecontrol {
     position: sticky;
     bottom: 0;
diff --git a/demo/index.html b/demo/index.html
@@ -19,8 +19,10 @@
         <input type="hidden" name="sites" value="qunitjs.com">
       </form>
     </typesense-minibar>
+
     <span class="demo-caption">Themed (Web Component)</span>
   </header>
+
   <header class="demo-head-right">
     <a href="../" class="demo-logo"></a>
     <span class="demo-caption">Themed (Web Component, group=true, right aligned)</span>
@@ -31,6 +33,7 @@
       </form>
     </typesense-minibar>
   </header>
+
   <header class="demo-head-right">
     <a href="../" class="demo-logo"></a>
     <span class="demo-caption">Themed (HTML class, group=true, right aligned)</span>
@@ -60,7 +63,7 @@ <h2>Style API (fullscreen overlay, group=true, Web Component)</h2>
         <input type="search" name="q" aria-label="Search" placeholder="Search..." autocomplete="off">
         <input type="hidden" name="sites" value="jquery.com">
       </form>
-  </typesense-minibar>
+    </typesense-minibar>
 
     <h2>Style API (customized --tsmb-size-* variables)</h2>
     <form role="search" class="tsmb-form demo-form-size" data-origin="https://typesense.jquery.com" data-collection="jquery_com" data-key="Zh8mMgohXECel9wjPwqT7lekLSG3OCgz" data-foot="true" data-group="true" action="https://duckduckgo.com">
diff --git a/index.html b/index.html
@@ -5,8 +5,8 @@
 <title>typesense-minibar</title>
 <link rel="icon" href="./assets/logo.svg">
 <link rel="stylesheet" href="./demo/demo.css">
-<link rel="stylesheet" href="../typesense-minibar.css">
-<script defer type="module" src="../typesense-minibar.js"></script>
+<link rel="stylesheet" href="./typesense-minibar.css">
+<script defer type="module" src="./typesense-minibar.js"></script>
 <body>
       <main>
             <p align="center"><a href="https://github.com/jquery/typesense-minibar/" title="Browse repository"><img src="./assets/logo-text.svg" height="100" alt="minibar"></a></p>
@@ -21,7 +21,7 @@
 
             <h2>Pages</h2>
             <ul>
-                  <li><a href="./demo/">Demos & Comparisons</a></li>
+                  <li><a href="./demo/"><strong>Demo</strong> & Comparisons</a>
                   <li><a href="./test/">QUnit test suite</a></li>
                   <li><a href="./coverage/">Test coverage report</a></li>
             </ul>

Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ typesense-minibar.demo-form-overlay:focus-within form {`
`92`	`92`	`.demo-stylecontrol fieldset {`
`93`	`93`	`background: #fff;`
`94`	`94`	`}`
`95`		`-@media (min-height: 600px) {`
	`95`	`+@media (min-height: 750px) {`
`96`	`96`	`.demo-stylecontrol {`
`97`	`97`	`position: sticky;`
`98`	`98`	`bottom: 0;`