Buttons (specifically button-small) with icons should display the same inside the two column layout <div class="half"> as they do in single column layout.
Actual behaviour
If a button-small with an icon is used inside a div class="half", the button's right padding is off
(Or the icon is displaying too far to the right... I can't work out which)
The following code:
<p><a class="button-small" href="./?a=2090656" target="_blank">2017 Melbourne Law Masters Prospectus (PDF 6.3MB)<span class="small" data-icon="download"></span></a> </p>
Is on this page:
http://law.unimelb.edu.au/study/masters
Screenshots
The following two screenshots are the exact same page, one has the <div class="half"> and in the other it is removed.
Button-small with icon in single-column layout: (OK)
Button-small with icon in two-column layout: (Broken)
Expected behaviour
Buttons (specifically button-small) with icons should display the same inside the two column layout
<div class="half">
as they do in single column layout.Actual behaviour
If a button-small with an icon is used inside a div class="half", the button's right padding is off (Or the icon is displaying too far to the right... I can't work out which) The following code:
<p><a class="button-small" href="./?a=2090656" target="_blank">2017 Melbourne Law Masters Prospectus (PDF 6.3MB)<span class="small" data-icon="download"></span></a> </p>
Is on this page: http://law.unimelb.edu.au/study/mastersScreenshots
The following two screenshots are the exact same page, one has the
<div class="half">
and in the other it is removed.Button-small with icon in single-column layout: (OK)![icon-button-ok](https://user-images.githubusercontent.com/15081925/28951428-45f456ae-790e-11e7-969d-a37674055600.PNG)
Button-small with icon in two-column layout: (Broken)![icon-button-not-ok](https://user-images.githubusercontent.com/15081925/28951430-49f7f7e2-790e-11e7-8b7c-7f8c3720f278.PNG)