Talk:Teatime Chair

Reminder for when logged in

Mobile view has some odd effects on the non-full width tables (extra borders). CA. -109.157.132.221 12:48, 29 December 2021 (UTC)

Appears to be a quirk of my phone (or possibly all mobile devices) - "mobile view" whilst on my desktop in firefox correctly sizes the tables to fill the space. -Chieftain Alex 18:25, 30 December 2021 (UTC)

The following kicks in when below 720px width (I can easily reproduce it by simply reducing the browser size on my pc):

@media all and (max-width:720px) {
 .content table {
  display: block;
  width: 100% !important;
  box-sizing: border-box
 }
...
}

Thus all tables becomes display-type "block" and the 100% width from the class "table" can't be applied anymore. Edit: Adding .content table { display:table } should fix this problem, although I'm not sure if this would cause any negative side-effects. --Tolkyria (talk) 18:35, 30 December 2021 (UTC)

Looking a bit closer at the CSS might tell me why I set it like that in terms of min-width snapping to display:block...

however I think my original problem could be resolved by removing the 1px border around the outside of the table (due to border-collapse: collapse its invisible anyway as the th and td elements have their own borders set). -Chieftain Alex 21:44, 30 December 2021 (UTC)