Cleaning things up

The last thing that we need to take care of is to clean up the stylesheet of the application by removing all of the style definitions that have now become obsolete and adding a small rule to improve our table.

Adapt the src/styles.scss file as follows:

@import url('https://fonts.googleapis.com/css?family=Roboto'); 
 
html, body { height: 100%; } 
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; } 
 
.mediaImage { max-height: 120px; } 
 
table td.mat-cell, table th.mat-cell { padding-right:20px; } 

Now we can see the new styled implementation of mediaman-v3:

Hopefully, you can appreciate the improvements that we've made together!