Cambios visuales, no mas json en la busqueda

src/components/Search.jsx

@@ -88,7 +88,6 @@ export class Search extends React.Component {
             artists = (
                 <Fragment>
                     <SearchList artists={this.state.artists}/>
-                    <ReactJson src={this.state.artists} enableClipboard={false} displayDataTypes={false}/>
                 </Fragment>
             );
         }
@@ -97,8 +96,8 @@ export class Search extends React.Component {
             <main>
                 <h1>Busqueda</h1>
                 <SearchBar query={this.state.query} onQueryChanged={this.handleQueryChange} history={this.props.history}/>
-                {paginate && paginate}
                 {artists ? artists : <p>Loading...</p>}
+                {paginate && paginate}
             </main>
         );
     }

src/styles/main.css

@@ -1,8 +1,9 @@
 :root {
+    --light-gray: hsl(0, 0%, 95%);
     --gray: hsl(0, 0%, 85%);
     --dark-gray: hsl(0, 0%, 30%);
     --black: hsl(0, 0%, 20%);
-    --emerald: hsl(138, 70%, 50%);
+    --emerald: hsl(138, 70%, 60%);
 }
 
 body {
@@ -59,8 +60,11 @@ ul.pagination {
     padding: 0 1em;
 }
 
+.page-item.active {
+    background-color: var(--emerald);
+}
 .page-item.active a {
-    color: var(--emerald);
+    color: white;
 }
 
 .full-width {
@@ -96,6 +100,10 @@ li.entity:not(:first-child) {
     border-top: none;
 }
 
+li.entity:hover {
+    background-color: var(--light-gray)
+}
+
 li.entity a {
     display: flex;