diff --git a/ui/scripts/ui/widgets/listView.js b/ui/scripts/ui/widgets/listView.js index ab0e7a0bca9..f89cd0dc944 100644 --- a/ui/scripts/ui/widgets/listView.js +++ b/ui/scripts/ui/widgets/listView.js @@ -38,7 +38,7 @@ jsonObj: $.map($instanceRow, function(elem) { return $(elem).data('jsonObj'); }) }; messageArgs = { - name: $.map($instanceRow, function(elem) { return $(elem).find('td.name span').html() }) + name: $.map($instanceRow, function(elem) { return $(elem).find('td.name span').html(); }) }; } else { data = { @@ -1652,6 +1652,7 @@ .addClass('button action add reduced-hide') .data('list-view-action-id', 'add') .append( + $('').addClass('icon').html(' '), $('').html(_l(listViewData.actions.add.label)) ) ); diff --git a/ui/stylesheets/csui/_action.scss b/ui/stylesheets/csui/_action.scss index 810123aad50..c85dc926e00 100644 --- a/ui/stylesheets/csui/_action.scss +++ b/ui/stylesheets/csui/_action.scss @@ -15,20 +15,33 @@ // specific language governing permissions and limitations // under the License. @mixin csui-action-button { - width: 25px; - height: 25px; + &:not(.button) { + width: 25px; + height: 25px; + margin: 4px; + } + float: left; - margin: 4px; cursor: pointer; + span { + display: block; + float: left; + } + a { text-decoration: none; } .icon { display: block; - width: 100%; - height: 100%; + width: 25px; + height: 20px; + margin-bottom: -12px; // Keep aligned with non-icon buttons + float: left; + position: relative; + top: -5px; + left: -5px; } &.text {