Added Bang! scraper. Showing studio on tile. Added favicons to tiles.

public/css/style.css

@@ -149,9 +149,17 @@
   position: absolute;
   font-size: 0;
 }
+.details .favicon[data-v-3abcf101] {
+    height: 1rem;
+    margin: 0 .25rem 0 0;
+}
 .site[data-v-3abcf101],
 .date[data-v-3abcf101] {
   color: #fff;
+  display: -webkit-box;
+  display: flex;
+  -webkit-box-align: center;
+          align-items: center;
   background: rgba(0, 0, 0, 0.5);
   position: relative;
   font-size: .8rem;
@@ -684,13 +692,14 @@
           filter: drop-shadow(1px 0 0 rgba(255, 255, 255, 0.2)) drop-shadow(-1px 0 0 rgba(255, 255, 255, 0.2)) drop-shadow(0 1px 0 rgba(255, 255, 255, 0.2)) drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.2));
 }
 .header[data-v-e2e12602] {
-  background: #222;
   width: 100%;
-  height: 4rem;
+  height: 3rem;
   display: none;
+  flex-shrink: 0;
   -webkit-box-pack: center;
           justify-content: center;
   border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+  background: #222;
 }
 .sites.compact[data-v-e2e12602] {
   display: none;
@@ -786,12 +795,18 @@
   margin: 0;
 }
 
+/* $primary: #ff886c; */
 .networks[data-v-4709d404] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
   grid-gap: 1rem;
   padding: 1rem;
 }
+@media (max-width: 720px) {
+.networks[data-v-4709d404] {
+    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
+}
+}
 
 /* $primary: #ff886c; */
 .photos[data-v-0a0430c7] {