From 79ab4567248095d39f439b1d554eefe0e8a9aca3 Mon Sep 17 00:00:00 2001
From: Joseph Lee <joeylee0925@gmail.com>
Date: Fri, 19 Mar 2021 11:05:12 -0400
Subject: [PATCH] Merge pull request #73 from AudiusProject/jowlee-mobile-yield

Fix mobile yield
---
 packages/protocol-dashboard/src/App.module.css                | 4 ----
 .../src/components/RewardStat/RewardStat.module.css           | 3 ++-
 .../protocol-dashboard/src/containers/Home/Home.module.css    | 4 ++--
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/protocol-dashboard/src/App.module.css b/packages/protocol-dashboard/src/App.module.css
index 004fd7dca59..edbcf9bf2f9 100644
--- a/packages/protocol-dashboard/src/App.module.css
+++ b/packages/protocol-dashboard/src/App.module.css
@@ -1,7 +1,3 @@
-.appContainer {
-  min-width: 820px;
-}
-
 .appContent {
   max-width: 992px;
   margin: 0px auto 64px;
diff --git a/packages/protocol-dashboard/src/components/RewardStat/RewardStat.module.css b/packages/protocol-dashboard/src/components/RewardStat/RewardStat.module.css
index d8c146b5d0f..26c84b271c2 100644
--- a/packages/protocol-dashboard/src/components/RewardStat/RewardStat.module.css
+++ b/packages/protocol-dashboard/src/components/RewardStat/RewardStat.module.css
@@ -5,10 +5,11 @@
   display: inline-flex;
   flex-direction: column;
   justify-content: center;
-  min-width: 228px;
+  min-width: 338px;
   min-height: 150px;
   box-sizing: border-box;
   align-items: center;
+  margin-bottom: 16px;
 }
 
 .stat {
diff --git a/packages/protocol-dashboard/src/containers/Home/Home.module.css b/packages/protocol-dashboard/src/containers/Home/Home.module.css
index 39938cae2a7..fa03ac0258e 100644
--- a/packages/protocol-dashboard/src/containers/Home/Home.module.css
+++ b/packages/protocol-dashboard/src/containers/Home/Home.module.css
@@ -13,11 +13,11 @@
 }
 
 .rewards {
-  margin-bottom: 16px;
   margin-left: -8px;
   margin-right: -8px;
   display: flex;
   align-items: stretch;
+  flex-wrap: wrap;
 }
 
 .rewards > * {
@@ -29,7 +29,7 @@
 .proposals {
   flex-direction: column;
   box-sizing: border-box;
-  margin: 16px 0;
+  margin: 0px 0px 16px;
 }
 
 .loading {