From c9d7b46372250c8ec39c3721f00ac8b14e7e4455 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 1 Sep 2020 15:21:01 -0400
Subject: [PATCH] alignment fixes

---
 ui/component/rewardTile/view.jsx   |  2 +-
 ui/scss/component/_card.scss       |  6 ------
 ui/scss/component/_claim-list.scss | 11 +++++------
 ui/scss/component/section.scss     |  4 +---
 4 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/ui/component/rewardTile/view.jsx b/ui/component/rewardTile/view.jsx
index ba85a7701..df1bd08b4 100644
--- a/ui/component/rewardTile/view.jsx
+++ b/ui/component/rewardTile/view.jsx
@@ -35,7 +35,7 @@ const RewardTile = (props: Props) => {
       title={reward.reward_title}
       subtitle={reward.reward_description}
       actions={
-        <div className="card__actions">
+        <div className="section__actions">
           {reward.reward_type === rewards.TYPE_GENERATED_CODE && (
             <Button button="primary" onClick={openRewardCodeModal} label={__('Enter Code')} />
           )}
diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 4bf89f54c..840b19270 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -8,12 +8,6 @@
   ~ .card {
     margin-bottom: var(--spacing-m);
   }
-
-  @media (max-width: $breakpoint-small) {
-    ~ .card {
-      margin-bottom: 0;
-    }
-  }
 }
 
 .card--disabled {
diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index 4001d58d3..8d65d70a6 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -311,7 +311,6 @@
 
 .claim-grid__title--secondary {
   margin-left: auto;
-  margin-top: calc(var(--spacing-m) * -1);
 }
 
 .claim-grid__help {
@@ -394,15 +393,15 @@
 }
 
 .claim-tile__title {
-  margin-bottom: 0;
   margin: var(--spacing-s);
   font-weight: 600;
-  font-size: var(--font-small);
   color: var(--color-text);
-  min-height: 2.5rem;
+  font-size: var(--font-xsmall);
+  min-height: 2rem;
 
-  @media (max-width: $breakpoint-small) {
-    font-size: var(--font-xsmall);
+  @media (min-width: $breakpoint-small) {
+    min-height: 2.5rem;
+    font-size: var(--font-small);
   }
 }
 
diff --git a/ui/scss/component/section.scss b/ui/scss/component/section.scss
index 4cb2dcc16..3524f4d0d 100644
--- a/ui/scss/component/section.scss
+++ b/ui/scss/component/section.scss
@@ -119,9 +119,7 @@
     flex-wrap: wrap;
 
     > * {
-      &:not(:only-of-type) {
-        margin-bottom: var(--spacing-s);
-      }
+      margin-bottom: var(--spacing-s);
     }
   }