From 707f244e01d6b8ab61569629266f36635809dc49 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Thu, 26 Nov 2020 02:22:42 -0500
Subject: [PATCH] cleaned up css

---
 vocodes/src/App.scss                       |  6 +++++-
 vocodes/src/modes/video/VideoComponent.tsx | 10 ++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/vocodes/src/App.scss b/vocodes/src/App.scss
index 01d1bcb071..dd04a03075 100644
--- a/vocodes/src/App.scss
+++ b/vocodes/src/App.scss
@@ -161,11 +161,15 @@ nav {
   min-height: 1.5em;
 }
 
+.upload-box {
+  padding: 0 0 1em;
+}
+
 .video-template-selector {
   margin: 1.5em 0 1.5em 0;
   text-align: center;
 
-  .video-thumbnail {
+  .thumbnail {
     max-width: 220px;
     padding: 0em;
     margin: 5px;
diff --git a/vocodes/src/modes/video/VideoComponent.tsx b/vocodes/src/modes/video/VideoComponent.tsx
index 396c1b9368..2913b46c1a 100644
--- a/vocodes/src/modes/video/VideoComponent.tsx
+++ b/vocodes/src/modes/video/VideoComponent.tsx
@@ -134,7 +134,7 @@ class VideoComponent extends React.Component<Props, State> {
       if (selectedTemplateSlug === imageTemplate.slug) {
         selectedName = 'selected';
       }
-      let className = `video-thumbnail ${selectedName}`
+      let className = `thumbnail ${selectedName}`
       let thumbnail = <img
         src={imageTemplate.getThumbnailUrl()}
         key={imageTemplate.slug}
@@ -158,7 +158,7 @@ class VideoComponent extends React.Component<Props, State> {
       if (selectedTemplateSlug === videoTemplate.slug) {
         selectedName = 'selected';
       }
-      let className = `video-thumbnail ${selectedName}`
+      let className = `thumbnail ${selectedName}`
       let thumbnail = <img
         src={videoTemplate.getThumbnailUrl()}
         key={videoTemplate.slug}
@@ -266,8 +266,8 @@ class VideoComponent extends React.Component<Props, State> {
         <div className="content is-size-4">
           <p>
             Upload audio from vo.codes or any other source (music, other websites), 
-            then pick a video template below. The audio shouldn't be too long or it 
-            will fail.
+            then pick a template below. The audio shouldn't be too long or it will
+            fail.
           </p>
         </div>
 
@@ -298,11 +298,13 @@ class VideoComponent extends React.Component<Props, State> {
           </div>
 
           <h4 className="title is-4"> Video Templates </h4>
+
           <div className="video-template-selector">
             {videoThumbnails.map(v => v)}
           </div>
 
           <h4 className="title is-4"> Image Templates </h4>
+
           <div className="video-template-selector">
             {imageThumbnails.map(v => v)}
           </div>