Apply mobile width fixes to infoboxes explicitly

Previously they were just inheriting from `table`, but
now we don't require .infobox to use a specific element
they should be applied separately.

Fix table max-width override to use !important as this
too could be specified inline.

Bug: T258011
Change-Id: I4f28414fd965ae9f608b5e52047b9d474427853a
This commit is contained in:
Ed Sanders 2020-07-17 22:25:18 +01:00 committed by Jdlrobson
parent 5294147136
commit bc945fa15c
2 changed files with 3 additions and 1 deletions

View file

@ -56,6 +56,8 @@ FIXME: Review all of these hacks to see if they still apply.
display: flex;
flex: 1 1 100%;
flex-flow: column nowrap;
width: 100% !important;
max-width: 100% !important;
caption {
padding: 10px 10px 0;

View file

@ -18,8 +18,8 @@ FIXME: Review all of these hacks to see if they still apply.
.infobox {
margin: 0.5em 0 1em 35px !important;
// Note this is fixed to ensure that we leave enough space for the sections to the infoboxes left
max-width: @infoboxWidth;
// FIXME [Templates]: Inline styles force us to use !important
max-width: @infoboxWidth !important;
width: auto !important;
float: right !important;
clear: right !important;