undo

public/s/css/f0ck.css

@@ -1790,3 +1790,36 @@ table img {
 .results {
   padding: 5px;
 }
+/* fix for mobile table view in search! */
+@media screen and (max-width: 650px) {
+  table {
+    width:inherit;
+  }
+  thead {
+    display: none;
+  }
+  tr:nth-of-type(2n) {
+    background-color: inherit;
+  }
+  tr td:first-child {
+    float: right;
+  }
+  tbody td { 
+    display: block;
+    box-shadow: 0px 1px 0px var(--accent);
+  }
+  tbody td:before { 
+      content: attr(data-th); 
+      display: block;
+      text-align:left;
+  }
+   table.table th, table.table td {
+       padding: 5px;
+       margin: 5px;
+       display: flex;
+   }
+   table.table td img{
+       position: relative;
+       width: 100%;
+   }
+}

views/search.html

@@ -5,7 +5,7 @@
 </form>
 <div class="results">
   @if(result)
-  <h1>{{ count }} f0cks given (page {{ pagination.page }} of {{ pagination.end }}):</h1>
+  <h2>{{ count }} f0cks given (page {{ pagination.page }} of {{ pagination.end }}):</h2>
   <table style="width: 100%" class="table">
     <thead>
       <tr>