lobby/css: Tweak mobile table some more

ui/lobby/css/app/_app.scss

@@ -76,11 +76,15 @@
   }
 }
 
-.lreal_time,
-.lseeks .hooks__list {
-  @include breakpoint($mq-not-xx-small) {
+@include breakpoint($mq-not-xx-small) {
+  .lreal_time,
+  .lseeks .hooks__list {
     font-size: 0.9em;
   }
+
+  .lobby__app .toggle {
+    padding: 0.4em;
+  }
 }
 
 .hook__filters {

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

@@ -38,7 +38,7 @@
   th {
     @extend %roboto;
 
-    padding: 1em;
+    padding: 1em 0.7em;
 
     &.sortable {
       cursor: pointer;
@@ -60,12 +60,12 @@
     }
 
     @include breakpoint($mq-not-xx-small) {
-      &:nth-child(2) {
-        max-width: 7ch;
+      padding: 1em 0.4em;
+
+      &:nth-child(3) {
+        max-width: 13vw;
         direction: rtl;
         text-align: left;
-        padding-right: 0;
-        padding-left: 0;
       }
     }
   }
@@ -109,12 +109,6 @@
         @include ellipsis;
         max-width: 25vw;
       }
-
-      // rated/casual
-      &:last-child {
-        @include ellipsis;
-        max-width: 10vw;
-      }
     }
   }