Increse mobile lobby font size again whithough overflowing

ui/lobby/css/app/_app.scss

@@ -79,7 +79,7 @@
 .lreal_time,
 .lseeks .hooks__list {
   @include breakpoint($mq-not-xx-small) {
-    font-size: 0.7em;
+    font-size: 0.9em;
   }
 }
 

ui/lobby/css/app/_hook-filter.scss

@@ -72,7 +72,23 @@
     text-align: right;
 
     button {
-      margin-left: .3em;
+      margin-left: 0.3em;
+    }
+  }
+
+  @include breakpoint($mq-not-xx-small) {
+    padding: $block-gap 1em;
+
+    td {
+      max-width: 50vw;
+    }
+
+    td:first-child {
+      margin-right: 1rem;
+    }
+
+    tr.variant .checkable {
+      width: 50%;
     }
   }
 }

ui/lobby/css/app/_hook-list.scss

@@ -58,6 +58,16 @@
     &.player {
       width: 110px;
     }
+
+    @include breakpoint($mq-not-xx-small) {
+      &:nth-child(2) {
+        max-width: 7ch;
+        direction: rtl;
+        text-align: left;
+        padding-right: 0;
+        padding-left: 0;
+      }
+    }
   }
 
   td {
@@ -86,6 +96,26 @@
     ::before {
       opacity: 0.6;
     }
+
+    @include breakpoint($mq-not-xx-small) {
+      padding: 0.5em 0.4em;
+
+      &:first-child {
+        padding-left: 0.7em;
+      }
+
+      // player name
+      &:nth-child(2) {
+        @include elipsis;
+        max-width: 25vw;
+      }
+
+      // rated/casual
+      &:last-child {
+        @include elipsis;
+        max-width: 10vw;
+      }
+    }
   }
 
   tbody.stepping {