Merge pull request #273 from xsihe/CenterAlignLoadMore

Issue #207: Aligned 'Load more' button to the center
covid-maps · Apr 21, 2020 · c20c7e2 · c20c7e2
2 parents 934f10d + ede5e4c
commit c20c7e2
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/Homepage/SearchResults.js b/src/Homepage/SearchResults.js
@@ -83,13 +83,15 @@ class SearchResults extends React.Component {
             );
           })}
           {isPaginated ? (
-            <Button
-              size="sm"
-              variant="outline-secondary"
-              onClick={() => this.loadMore()}
-            >
-              {this.props.loadMoreBtnText}
-            </Button>
+            <div className="text-center">
+              <Button
+                size="sm"
+                variant="outline-secondary"
+                onClick={() => this.loadMore()}
+              >
+                {this.props.loadMoreBtnText}
+              </Button>
+            </div>
           ) : null}
         </div>
       </div>