WIP

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>

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>
     )

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>

src/styles/default.css

@@ -60,6 +60,7 @@ div.gifs {
 }
 
 div.gif {
+    border: 2px solid;
     margin: 5px;
 }