web: fix alignment issues in application list page

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2021-08-05 14:14:39 +02:00
parent fea493f3a0
commit e52390aa28
2 changed files with 6 additions and 5 deletions

View File

@ -93,6 +93,11 @@ body {
color: var(--pf-global--Color--100);
}
/* Fix alignment issues with images in tables */
.pf-c-table tbody > tr > * {
vertical-align: middle;
}
@media (prefers-color-scheme: dark) {
:root {
--pf-global--Color--100: var(--ak-dark-foreground);

View File

@ -121,11 +121,7 @@ export class ApplicationListPage extends TablePage<Application> {
</button>
</ak-forms-modal>
${item.launchUrl
? html`<a
href=${item.launchUrl}
target="_blank"
class="pf-c-button pf-m-plain"
>
? html`<a href=${item.launchUrl} target="_blank" class="pf-c-button pf-m-plain">
<i class="fas fas fa-share-square"></i>
</a>`
: html``}`,