From 081b04c989651a6f2a01705bffb20db88a1a6680 Mon Sep 17 00:00:00 2001
From: Dwayne Harris <dwayneh@gmail.com>
Date: Thu, 14 Nov 2019 13:55:51 -0500
Subject: [PATCH] WIP

---
 src/apps/gif-app/composer/app.tsx  | 2 +-
 src/apps/gif-app/composer/gif.tsx  | 2 +-
 src/apps/text-app/composer/app.tsx | 2 +-
 src/styles/default.css             | 1 +
 4 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/apps/gif-app/composer/app.tsx b/src/apps/gif-app/composer/app.tsx
index e6d59ed..ae02cbb 100644
--- a/src/apps/gif-app/composer/app.tsx
+++ b/src/apps/gif-app/composer/app.tsx
@@ -153,7 +153,7 @@ const App: FC<Props> = ({ communicator }) => {
 
                 <div>
                     <button style={{ backgroundColor: theme.primary, color: theme.primaryAlternate }} onClick={() => post()} disabled={posting || !selected}>
-                        {posting ? <div className="spinner"></div> : <span>Post</span>}
+                        {posting ? <div className="spinner" style={{ width: 20 }}></div> : <span>Post</span>}
                     </button>
                 </div>
             </nav>
diff --git a/src/apps/gif-app/composer/gif.tsx b/src/apps/gif-app/composer/gif.tsx
index 329ce1a..9bf79b6 100644
--- a/src/apps/gif-app/composer/gif.tsx
+++ b/src/apps/gif-app/composer/gif.tsx
@@ -9,7 +9,7 @@ interface Props {
 
 const Gif: FC<Props> = ({ gif, selected, onSelect }) => {
     return (
-        <div className="gif" style={{ borderColor: selected ? '#f00' : '#333' }} onClick={() => onSelect(gif.id)}>
+        <div className="gif" style={{ borderColor: selected ? '#f00' : '#fff' }} onClick={() => onSelect(gif.id)}>
             <img src={gif.images.fixed_height.url} alt={gif.title} />
         </div>
     )
diff --git a/src/apps/text-app/composer/app.tsx b/src/apps/text-app/composer/app.tsx
index 901f397..fcd6705 100644
--- a/src/apps/text-app/composer/app.tsx
+++ b/src/apps/text-app/composer/app.tsx
@@ -107,7 +107,7 @@ const App: FC<Props> = ({ communicator }) => {
 
                 <div>
                     <button style={{ backgroundColor: theme.primary, color: theme.primaryAlternate }} onClick={() => post()} disabled={buttonDisabled}>
-                        {posting ? <div className="spinner"></div> : <span>{buttonText}</span>}
+                        {posting ? <div className="spinner" style={{ width: 20 }}></div> : <span>{buttonText}</span>}
                     </button>
                 </div>
             </nav>
diff --git a/src/styles/default.css b/src/styles/default.css
index b82e3b7..15b7e2d 100644
--- a/src/styles/default.css
+++ b/src/styles/default.css
@@ -60,6 +60,7 @@ div.gifs {
 }
 
 div.gif {
+    border: 2px solid;
     margin: 5px;
 }