Move tag posters and photos to media database.

public/css/style.css

@@ -629,7 +629,7 @@
 
 .networks[data-v-4709d404] {
   display: grid;
-  grid-template-columns: repeat(auto-fit, 15rem);
+  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
   grid-gap: 1rem;
   padding: 1rem;
 }
@@ -644,9 +644,6 @@
 .photos .avatar-link[data-v-0a0430c7] {
     display: none;
 }
-.photo-link[data-v-0a0430c7] {
-  height: 15rem;
-}
 .photo[data-v-0a0430c7] {
   width: 100%;
   height: 100%;
@@ -923,26 +920,57 @@
 }
 
 /* $primary: #ff886c; */
+.description a {
+  color: #cc4466;
+  text-decoration: inherit;
+}
+.description a:hover {
+    color: #ff6c88;
+}
+
+/* $primary: #ff886c; */
+.tag[data-v-7f130e7f] {
+  display: flex;
+  flex-direction: row;
+  flex-grow: 1;
+  justify-content: stretch;
+}
+.sidebar[data-v-7f130e7f] {
+  background: #222;
+  color: #fff;
+  width: 25rem;
+  box-sizing: border-box;
+  padding: 1rem;
+}
 .poster[data-v-7f130e7f] {
-  width: 30rem;
-  height: 18rem;
+  width: 100%;
+  height: 15rem;
   -o-object-fit: cover;
      object-fit: cover;
 }
 .title[data-v-7f130e7f] {
-  display: inline-block;
-  padding: 1rem;
-  margin: 0 .5rem 0 0;
+  padding: 0;
+  margin: 1rem 0;
   text-transform: capitalize;
 }
 .title .icon[data-v-7f130e7f] {
+    fill: #fff;
     width: 1.25rem;
     height: 1.25rem;
 }
+.description[data-v-7f130e7f] {
+  padding: 0;
+  margin: 0 0 1rem 0;
+  line-height: 1.5;
+}
+.photo[data-v-7f130e7f] {
+  width: 100%;
+}
 
 /* $primary: #ff886c; */
 .tile[data-v-602c6fd8] {
-  background: #fff;
+  color: #fff;
+  background: #222;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -958,27 +986,23 @@
      object-fit: cover;
 }
 .title[data-v-602c6fd8] {
-  color: #222;
+  height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1rem;
-  font-weight: bold;
   padding: .5rem 1rem;
-}
-.title[data-v-602c6fd8] {
-  color: #222;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  margin: 0;
+  font-weight: bold;
+  text-transform: capitalize;
 }
 
 .tags[data-v-66fa6284] {
+  padding: 1rem;
+}
+.tiles[data-v-66fa6284] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
   grid-gap: .5rem;
-  padding: 1rem;
 }
 
 /* $primary: #ff886c; */
@@ -1146,8 +1170,9 @@ body {
   display: inline-block;
 }
 .nav-link[data-v-10b7ec04] {
-  display: inline-flex;
+  display: flex;
   align-items: center;
+  justify-content: center;
   padding: 1rem;
   border-bottom: solid 5px transparent;
   color: rgba(0, 0, 0, 0.5);
@@ -1172,6 +1197,18 @@ body {
 .nav-link:hover:not(.active) .icon[data-v-10b7ec04] {
       fill: #ff6c88;
 }
+@media (max-width: 540px) {
+.nav-label[data-v-10b7ec04] {
+    display: none;
+}
+.nav .nolist[data-v-10b7ec04] {
+    display: flex;
+}
+.nav[data-v-10b7ec04],
+  .nav-item[data-v-10b7ec04] {
+    flex-grow: 1;
+}
+}
 
 /* $primary: #ff886c; */
 .container {