Fix performer icon link padding (#1843)

* fix performer url icon link padding
This commit is contained in:
7dJx1qP
2021-10-14 17:56:41 -04:00
committed by GitHub
parent 602a32bd32
commit 1152e1acac
2 changed files with 12 additions and 3 deletions

View File

@@ -221,7 +221,7 @@ export const Performer: React.FC = () => {
<Icon icon="heart" /> <Icon icon="heart" />
</Button> </Button>
{performer.url && ( {performer.url && (
<Button className="minimal"> <Button className="minimal icon-link">
<a <a
href={TextUtils.sanitiseURL(performer.url)} href={TextUtils.sanitiseURL(performer.url)}
className="link" className="link"
@@ -233,7 +233,7 @@ export const Performer: React.FC = () => {
</Button> </Button>
)} )}
{performer.twitter && ( {performer.twitter && (
<Button className="minimal"> <Button className="minimal icon-link">
<a <a
href={TextUtils.sanitiseURL( href={TextUtils.sanitiseURL(
performer.twitter, performer.twitter,
@@ -248,7 +248,7 @@ export const Performer: React.FC = () => {
</Button> </Button>
)} )}
{performer.instagram && ( {performer.instagram && (
<Button className="minimal"> <Button className="minimal icon-link">
<a <a
href={TextUtils.sanitiseURL( href={TextUtils.sanitiseURL(
performer.instagram, performer.instagram,

View File

@@ -37,6 +37,15 @@
.instagram { .instagram {
color: pink; color: pink;
} }
.icon-link {
padding: 0;
a {
display: inline-block;
padding: $btn-padding-y $btn-padding-x;
}
}
} }
} }