Miss oriented custom actions while using ng2-smart-table with nebular themes

[bnap00]

Issue type

I'm submitting a ... (check one with "x")

• bug report
• feature request
• question about the decisions made in the repository

Issue description

Current behavior:

While using custom actions ng2-smart-table with the nebular theme.

the actions become missoriented.

Expected behavior:

Properly oriented actions, just as vanilla installation of ng2-smart-table

Steps to reproduce:

just add custom actions to settings of ng2-smart-table

settings = {
    actions: {
      add: false,
      edit: false,
      delete: false,
      custom: [
        {
          name: 'customEdit',
          title: 'CEdit ',
        },
      ]
    },
  }

Other information:

npm, node, OS, Browser

<!--
Node, npm: `v9.10.1` and `5.6.0`
OS: macOS Mojave
Browser: Chrome and safari, haven't tested on others
-->

Angular, Nebular, ng2-smart-table

[bnap00]

any updates?
this is also a problem with new version of ngx-admin

[kc187]

had the same issue, all browsers EXCEPT firefox had this issue,
fixed it with following css :

:host /deep/ ng2-st-tbody-edit-delete {
    height: 1px !important;
}

:host /deep/ ng2-st-tbody-custom a {
    height: 1px !important;
}

[bnap00]

@kc187
This solution looks good for one custom action,
But could not get it working for more that one,
Thanks for the tip though

[bnap00]

also :host /deep/ is deprecated

[tsarapin]

had the same issue, all browsers EXCEPT firefox had this issue,
fixed it with following css :

:host /deep/ ng2-st-tbody-edit-delete {
    height: 1px !important;
}

:host /deep/ ng2-st-tbody-custom a {
    height: 1px !important;
}

This should work:

::ng-deep ng2-st-tbody-edit-delete {
height: 1px !important;
display: inline !important;
}

::ng-deep ng2-st-tbody-custom a {
    height: 1px !important;
    display: inline !important;
}