fix(friends): proper display of pending requests on small screens (@fehmer) (monkeytypegame#7148)

fehmer · web-flow · commit aafabeb78dcb · 2025-11-26T23:27:30.000+01:00
diff --git a/frontend/src/styles/media-queries-blue.scss b/frontend/src/styles/media-queries-blue.scss
@@ -245,7 +245,8 @@
   }
 
   .pageFriends {
-    .content .friends table {
+    .content .friends table,
+    .content .pendingRequests table {
       font-size: 0.75rem;
     }
   }
diff --git a/frontend/src/styles/media-queries-brown.scss b/frontend/src/styles/media-queries-brown.scss
@@ -107,6 +107,11 @@
         display: none;
       }
     }
+    .content .pendingRequests table {
+      td:nth-child(2) {
+        display: none;
+      }
+    }
   }
 
   .pageAccountSettings [data-tab="blockedUsers"] {
diff --git a/frontend/src/styles/media-queries-yellow.scss b/frontend/src/styles/media-queries-yellow.scss
@@ -91,7 +91,8 @@
     }
   }
   .pageFriends {
-    .content .friends table {
+    .content .friends table,
+    .content .pendingRequests table {
       font-size: 0.9rem;
 
       .badge .text {

Original file line number	Diff line number	Diff line change
`@@ -245,7 +245,8 @@`
`245`	`245`	`}`
`246`	`246`
`247`	`247`	`.pageFriends {`
`248`		`- .content .friends table {`
	`248`	`+ .content .friends table,`
	`249`	`+ .content .pendingRequests table {`
`249`	`250`	`font-size: 0.75rem;`
`250`	`251`	`}`
`251`	`252`	`}`
Original file line number	Diff line number	Diff line change
`@@ -107,6 +107,11 @@`
`107`	`107`	`display: none;`
`108`	`108`	`}`
`109`	`109`	`}`
	`110`	`+ .content .pendingRequests table {`
	`111`	`+ td:nth-child(2) {`
	`112`	`+ display: none;`
	`113`	`+ }`
	`114`	`+ }`
`110`	`115`	`}`
`111`	`116`
`112`	`117`	`.pageAccountSettings [data-tab="blockedUsers"] {`
Original file line number	Diff line number	Diff line change
`@@ -91,7 +91,8 @@`
`91`	`91`	`}`
`92`	`92`	`}`
`93`	`93`	`.pageFriends {`
`94`		`- .content .friends table {`
	`94`	`+ .content .friends table,`
	`95`	`+ .content .pendingRequests table {`
`95`	`96`	`font-size: 0.9rem;`
`96`	`97`
`97`	`98`	`.badge .text {`