FileDownload css not working with icons

[MarcSkovMadsen]

#6101 made it possible to adjust the height og the FileDownload. Unfortunately the icon and text is no longer aligned horizontally.

import panel as pn

pn.extension(design="bootstrap")

n=4

layout=pn.Column()

for i in range(n):
    row = pn.Row()
    layout.append(row)
    for j in range(n):
        download = pn.widgets.FileDownload(height=50+25*j, width=125+25*j, file=__file__, icon="download", button_type="primary")
        row.append(download)

layout.servable()

[monodera]

I had the same issue after upgrading to 1.3.6. It seems that display: inline; in .bk-btn a element will fix the issue.

import panel as pn

pn.extension(design="bootstrap")

n = 4

stylesheet = ".bk-btn a {display: inline;}"

layout = pn.Column()

for i in range(n):
    row = pn.Row()
    layout.append(row)
    for j in range(n):
        download = pn.widgets.FileDownload(
            height=50 + 25 * j,
            width=125 + 25 * j,
            file="script.py",
            icon="download",
            button_type="primary",
            stylesheets=[stylesheet],
        )
        row.append(download)

layout.servable()

I don't know much about css, but maybe a better combination exists. FYI, inline-block does not work as expected inline flex may also be okay.

[philippjfr]

Thank you both. Will try to get a 1.3.7 release out early next week.