The <gallery> has unnecessary margins and paddings in a few different places. Also an unnecessary border. These cause the galleries to look strange when everything lines up nicely on the left except galleries. It also causes a gallery to take up more space than is needed. In addition, one line captions often wrap when they don't need to.
Line 771 in skins/common/shared.css and line 249 in skins/common/commonPrint.css:
ul.gallery {
margin: 2px;
padding: 2px;
display: block;
}
Should be changed to this:
ul.gallery {
margin: 2px;
padding: 2px;
margin-left: 0px;
padding-left: 0px;
display: block;
}
Line 789 in skins/common/shared.css and line 267 in skins/common/commonPrint.css:
li.gallerybox div.thumb {
text-align: center;
border: 1px solid #ccc;
margin: 2px;
}
Should be changed to this:
li.gallerybox div.thumb {
text-align: center;
border: 1px solid #ccc;
margin: 0px;
}
And finally, there's some extra space being taken up by an invisible border. On line 762 in skins/common/shared.css and line 239 in skins/common/commonPrint.css:
li.gallerybox {
vertical-align: top;
background-color: #f9f9f9;
border: solid 2px white;
display: -moz-inline-box;
}
Should be changed to this:
li.gallerybox {
vertical-align: top;
background-color: #f9f9f9;
display: -moz-inline-box;
}
Also, excessive margins and padding for the text captions can be fixed. On line 795 in skins/common/shared.css and line 273 in skins/common/commonPrint.css this:
div.gallerytext {
overflow: hidden;
font-size: 94%;
padding: 2px 4px;
word-wrap: break-word;
}
Should be changed to this:
div.gallerytext {
overflow: hidden;
font-size: 94%;
padding: 2px 2px;
word-wrap: break-word;
}
Version: 1.17.x
Severity: enhancement
See Also:
https://bugzilla.wikimedia.org/show_bug.cgi?id=65451