Added icons to release page. Improved release and home page styling.

assets/components/home/home.vue

@@ -4,6 +4,19 @@
             <Icon icon="filter" />
 
             <ul class="filters">
+                <li class="filter">
+                    <label
+                        class="toggle"
+                        :class="{ active: showStraight }"
+                    >
+                        <input
+                            v-model="showStraight"
+                            type="checkbox"
+                            class="check"
+                        >straight
+                    </label>
+                </li>
+
                 <li class="filter">
                     <label
                         class="toggle"
@@ -105,7 +118,10 @@
                             rel="noopener noreferrer"
                             class="scene-row scene-link"
                         >
-                            <h3 class="scene-title">{{ release.title }}</h3>
+                            <h3
+                                :title="release.title"
+                                class="scene-title"
+                            >{{ release.title }}</h3>
                         </a>
 
                         <span class="scene-row">
@@ -163,6 +179,7 @@ async function mounted() {
 export default {
     data() {
         return {
+            showStraight: true,
             showLesbian: true,
             showGay: false,
             showTrans: false,
@@ -299,7 +316,7 @@ export default {
 }
 
 .scene-title {
-    color: #000;
+    color: $text;
     margin: 0;
     font-size: 1rem;
     word-wrap: break-word;
@@ -314,6 +331,13 @@ export default {
     font-size: .8rem;
 }
 
+.scene-actors {
+    word-wrap: break-word;
+    overflow: hidden;
+    max-height: 2.5rem;
+    line-height: 1.25rem;
+}
+
 .scene-tags {
     word-wrap: break-word;
     overflow: hidden;
@@ -341,7 +365,19 @@ export default {
 
 .actor-link,
 .tag-link {
-    color: #000;
+    text-decoration: none;
+
+    &:hover {
+        color: $primary;
+    }
+}
+
+.actor-link {
+    color: $link;
+}
+
+.tag-link {
+    color: $shadow-strong;
 }
 
 .thumbnail {