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

View File

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