alignment fixes
This commit is contained in:
parent
d3a8cb31ae
commit
c9d7b46372
4 changed files with 7 additions and 16 deletions
|
@ -35,7 +35,7 @@ const RewardTile = (props: Props) => {
|
||||||
title={reward.reward_title}
|
title={reward.reward_title}
|
||||||
subtitle={reward.reward_description}
|
subtitle={reward.reward_description}
|
||||||
actions={
|
actions={
|
||||||
<div className="card__actions">
|
<div className="section__actions">
|
||||||
{reward.reward_type === rewards.TYPE_GENERATED_CODE && (
|
{reward.reward_type === rewards.TYPE_GENERATED_CODE && (
|
||||||
<Button button="primary" onClick={openRewardCodeModal} label={__('Enter Code')} />
|
<Button button="primary" onClick={openRewardCodeModal} label={__('Enter Code')} />
|
||||||
)}
|
)}
|
||||||
|
|
|
@ -8,12 +8,6 @@
|
||||||
~ .card {
|
~ .card {
|
||||||
margin-bottom: var(--spacing-m);
|
margin-bottom: var(--spacing-m);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: $breakpoint-small) {
|
|
||||||
~ .card {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.card--disabled {
|
.card--disabled {
|
||||||
|
|
|
@ -311,7 +311,6 @@
|
||||||
|
|
||||||
.claim-grid__title--secondary {
|
.claim-grid__title--secondary {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-top: calc(var(--spacing-m) * -1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.claim-grid__help {
|
.claim-grid__help {
|
||||||
|
@ -394,15 +393,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.claim-tile__title {
|
.claim-tile__title {
|
||||||
margin-bottom: 0;
|
|
||||||
margin: var(--spacing-s);
|
margin: var(--spacing-s);
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: var(--font-small);
|
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
min-height: 2.5rem;
|
font-size: var(--font-xsmall);
|
||||||
|
min-height: 2rem;
|
||||||
|
|
||||||
@media (max-width: $breakpoint-small) {
|
@media (min-width: $breakpoint-small) {
|
||||||
font-size: var(--font-xsmall);
|
min-height: 2.5rem;
|
||||||
|
font-size: var(--font-small);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -119,9 +119,7 @@
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
> * {
|
> * {
|
||||||
&:not(:only-of-type) {
|
margin-bottom: var(--spacing-s);
|
||||||
margin-bottom: var(--spacing-s);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue