Fix more matches render issue

weaveworks · May 10, 2016 · 452020d · 452020d
1 parent 22d9f7c
commit 452020d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/client/app/scripts/components/matched-results.js b/client/app/scripts/components/matched-results.js
@@ -44,9 +44,9 @@ class MatchedResults extends React.Component {
     return (
       <div className="matched-results">
         {matches.keySeq().take(SHOW_ROW_COUNT).map(fieldId => this.renderMatch(matches, fieldId))}
-        {moreFieldMatches && <span className="matched-results-more" title={moreFieldMatchesTitle}>
+        {moreFieldMatches && <div className="matched-results-more" title={moreFieldMatchesTitle}>
           {`${moreFieldMatches.size} more matches`}
-        </span>}
+        </div>}
       </div>
     );
   }

diff --git a/client/app/styles/main.less b/client/app/styles/main.less
@@ -535,8 +535,7 @@ h2 {
     text-transform: uppercase;
     font-size: 0.6rem;
     color: darken(@weave-blue, 10%);
-    position: relative;
-    top: -2px;
+    margin-top: -2px;
   }
 }