Change Details

**Problem** 1. Infoboxes on mobilefrontend does not have enough padding around tablecells making the text difficult to read. 2. The table row does not take up the width of the table [BUG] 3. Infobox does not have a bounding box **Solution** 1. increase padding by few pixels 2. make width of the row 100% to the infobox.table 3. add border to infobox **CSS** ``` content table.infobox { border:1px solid #C8CCD1; } .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%; } ```

**Problem** 1. Infoboxes on mobilefrontend does not have enough padding around tablecells making the text difficult to read. 2. The table row does not take up the width of the table [BUG] 3. Infobox does not have a bounding box **Solution** 1. increase padding by few pixels 2. make width of the row 100% to the infobox.table 3. add border to infobox **CSS** ``` content table.infobox { border:1px solid #C8CCD1; } .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%; } ``` {F7533416}

**Problem** 1. Infoboxes on mobilefrontend does not have enough padding around tablecells making the text difficult to read. 2. The table row does not take up the width of the table [BUG] 3. Infobox does not have a bounding box **Solution** 1. increase padding by few pixels 2. make width of the row 100% to the infobox.table 3. add border to infobox **CSS** ``` content table.infobox { border:1px solid #C8CCD1; } .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%; } ``` {F7533416}