:^)

public/s/css/f0ck.css

@@ -2767,3 +2767,34 @@ ul.navbar-nav-guests li.nav-item {
         justify-content: center !important;
     }
 }
+
+/* mobile random button */
+.random {
+    display: none;
+}
+
+@media (max-width: 768px) {
+    .metadata {
+        margin-bottom: 0;
+    }
+
+    .random {
+        width: 100%;
+        height: 100%;
+        transition: .5s ease-out;
+        display: block;
+    }
+      
+    .random a {
+        width: 100%;
+        height: 100%;
+    }
+      
+    .random a::after {
+        content: "";
+    }
+      
+    .random:active {
+        background: #00000036;
+    }
+}

views/item.html

@@ -97,6 +97,9 @@
       @endif
       </span>
     </div>
+    <div class="random">
+      <a href="/random"></a>
+    </div>
   </div>
 @include(snippets/footer)
 </div>