fix: fix grid view for no results page (#105)

algolia · May 7, 2020 · 6797bae · 6797bae
1 parent 19e8b98
commit 6797bae
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/src/App.scss b/src/App.scss
@@ -643,14 +643,10 @@
 
 /* No Results */
 
-.uni-NoResults {
-  display: grid;
-  grid-gap: 1rem;
-}
-
 .uni-NoResults-Title {
   font-size: 1.2rem;
   font-weight: normal;
+  margin-bottom: 1rem;
   em {
     font-style: normal;
     font-weight: bold;

diff --git a/src/components/NoResultsHandler.js b/src/components/NoResultsHandler.js
@@ -142,12 +142,12 @@ const HitsPreview = connectHits(function MoreHits(props) {
       <div className="ais-Hits">
         <ol
           className={[
-            'ais-Hits-list',
+            'ais-Hits-list uni-Hits',
             view === 'grid' ? 'uni-Hits--gridView' : 'uni-Hits--listView',
           ].join(' ')}
         >
           {props.hits.map((hit) => (
-            <li key={hit.objectID} className="ais-Hits-item">
+            <li key={hit.objectID} className="ais-Hits-item uni-Hits-item">
               <ConnectedHit hit={hit} />
             </li>
           ))}