Problem
- Infoboxes on mobilefrontend does not have enough padding around tablecells making the text difficult to read.
- The table row does not take up the width of the table [BUG]
- Infobox does not have a bounding box
Solution
- increase padding by few pixels
- make width of the row 100% to the infobox.table
- add border to infobox
CSS
content table.infobox {
border:1px solid #EAECF0;
}
.content table.infobox th, .content table.infobox td {
padding:7px 10px;
font-size:13px;
border-bottom: 1px solid #EAECF0;
// this is just a color change to match wikimedia color palette
}
.content table.infobox td {
width:100%;
}
