docs(examples): fix markup in QS with inline categories

Author: francoischalifour

examples/query-suggestions-with-inline-categories/app.tsx

@@ -44,23 +44,19 @@ const querySuggestionsPlugin = createQuerySuggestionsPlugin({
                     <path d="M16.041 15.856c-0.034 0.026-0.067 0.055-0.099 0.087s-0.060 0.064-0.087 0.099c-1.258 1.213-2.969 1.958-4.855 1.958-1.933 0-3.682-0.782-4.95-2.050s-2.050-3.017-2.050-4.95 0.782-3.682 2.050-4.95 3.017-2.050 4.95-2.050 3.682 0.782 4.95 2.050 2.050 3.017 2.050 4.95c0 1.886-0.745 3.597-1.959 4.856zM21.707 20.293l-3.675-3.675c1.231-1.54 1.968-3.493 1.968-5.618 0-2.485-1.008-4.736-2.636-6.364s-3.879-2.636-6.364-2.636-4.736 1.008-6.364 2.636-2.636 3.879-2.636 6.364 1.008 4.736 2.636 6.364 3.879 2.636 6.364 2.636c2.125 0 4.078-0.737 5.618-1.968l3.675 3.675c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z" />
                   </svg>
                 </div>
-                <div className="aa-ItemContentTitle">
-                  <components.ReverseHighlight hit={item} attribute="query" />
-                </div>
-
-                {item.__autocomplete_qsCategory && (
-                  <div className="aa-ItemContentSubtitle aa-ItemContentSubtitle--standalone">
-                    in{' '}
-                    <span
-                      style={{
-                        fontWeight: 500,
-                        color: 'var(--aa-icon-color)',
-                      }}
-                    >
-                      {item.__autocomplete_qsCategory}
-                    </span>
+                <div className="aa-ItemContentBody">
+                  <div className="aa-ItemContentTitle">
+                    <components.ReverseHighlight hit={item} attribute="query" />
+                    {item.__autocomplete_qsCategory && (
+                      <span className="aa-ItemContentSubtitle aa-ItemContentSubtitle--inline">
+                        <span className="aa-ItemContentSubtitleIcon" /> in{' '}
+                        <span className="aa-ItemContentSubtitleCategory">
+                          {item.__autocomplete_qsCategory}
+                        </span>
+                      </span>
+                    )}
                   </div>
-                )}
+                </div>
               </div>
 
               <div className="aa-ItemActions">