From c34fc7dcbee5f04f3b6c55cc15f0eab92363ab94 Mon Sep 17 00:00:00 2001
From: Thomas Hintz <t@thintz.com>
Date: Thu, 23 Apr 2020 21:32:45 -0700
Subject: [PATCH] Making info actions look better. Fixing space harvest
 styling.

---
 src/components/farm/Board.jsx | 2 +-
 src/server/farm.scm           | 2 +-
 src/style.scss                | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/farm/Board.jsx b/src/components/farm/Board.jsx
index 9af29bb..43731d8 100644
--- a/src/components/farm/Board.jsx
+++ b/src/components/farm/Board.jsx
@@ -1614,7 +1614,7 @@ class Action extends React.Component {
                 break;
             case 'info':
                 view = (
-                    <div>
+                    <div className="game-card">
                         <p>{this.props.ui.actionValue}</p>
                     </div>
                 );
diff --git a/src/server/farm.scm b/src/server/farm.scm
index 679d3cb..6627b7f 100644
--- a/src/server/farm.scm
+++ b/src/server/farm.scm
@@ -2383,4 +2383,4 @@
 
 ;; TODO
 ;; make sure two players can't have the same name
-;; info actions should look better
+;; "your turn to roll" showing up on mobile when on action screen
diff --git a/src/style.scss b/src/style.scss
index afee809..5bd0222 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -872,6 +872,7 @@ $trade-margin: 3rem;
     margin-top: 1rem; }
 
 .clear-background {
+    position: relative;
     background: white; }
 
 .harvest-card {