From 61645d3539cfbe72eae8bbf3618adcf213a27f36 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Fri, 14 Jan 2022 02:18:33 -0500
Subject: [PATCH] style

---
 fakeyou/src/App.scss                                          | 4 ++++
 fakeyou/src/App.tsx                                           | 1 -
 fakeyou/src/v2/view/NewTopNavFc.tsx                           | 2 +-
 fakeyou/src/v2/view/tts/tts_model_list/TtsModelListFc.tsx     | 4 +++-
 .../src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx   | 1 +
 5 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/fakeyou/src/App.scss b/fakeyou/src/App.scss
index 48bc6b866f..db7a3bc1ee 100644
--- a/fakeyou/src/App.scss
+++ b/fakeyou/src/App.scss
@@ -245,6 +245,10 @@ nav {
   white-space: nowrap;
 }
 
+.padding-bottom-1em {
+  padding-bottom: 1em;
+}
+
 /** RESPONSIVENESS **/
 
 /** Hide footer when using onscreen keyboard. */
diff --git a/fakeyou/src/App.tsx b/fakeyou/src/App.tsx
index 575e8f767a..c43ab03395 100644
--- a/fakeyou/src/App.tsx
+++ b/fakeyou/src/App.tsx
@@ -4,7 +4,6 @@ import './App.scss';
 import React from 'react';
 import { ApiConfig } from './common/ApiConfig';
 import { BrowserRouter, Route, Switch } from "react-router-dom";
-import { MigrationTopNav } from './migration/MigrationTopNav';
 import { NewVocodesContainer } from './v2/view/NewVocodesContainer';
 import { OldVocodesContainer } from './v1/OldVocodesContainer';
 import { SessionStateResponse } from './session/SessionState';
diff --git a/fakeyou/src/v2/view/NewTopNavFc.tsx b/fakeyou/src/v2/view/NewTopNavFc.tsx
index 84fdda951a..cdc40741d4 100644
--- a/fakeyou/src/v2/view/NewTopNavFc.tsx
+++ b/fakeyou/src/v2/view/NewTopNavFc.tsx
@@ -28,7 +28,7 @@ function NewTopNavFc(props: Props) {
 
   return (
     <>
-    <nav className="navbar is-transparent">
+    <nav className="navbar is-transparent padding-bottom-1em">
       <div className="navbar-brand">
         <Link className="navbar-item" to="/">
           <img src="/fakeyou/fakeyou-nav-logo-8.png" alt="FakeYou: Cartoon and Celebrity Text to Speech" />
diff --git a/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListFc.tsx b/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListFc.tsx
index 040bb074d4..dfb597a2db 100644
--- a/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListFc.tsx
+++ b/fakeyou/src/v2/view/tts/tts_model_list/TtsModelListFc.tsx
@@ -190,7 +190,7 @@ function TtsModelListFc(props: Props) {
   return (
     <div>
 
-      <section className="hero">
+      <section className="hero is-small">
         <div className="hero-body">
           <p className="title">
             Text to Speech
@@ -201,6 +201,8 @@ function TtsModelListFc(props: Props) {
         </div>
       </section>
 
+      <br />
+
       {vocodesNotice}
 
       <form onSubmit={handleFormSubmit}>
diff --git a/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx b/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
index c79da44991..f88ab0a456 100644
--- a/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
+++ b/fakeyou/src/v2/view/w2l/w2l_template_list/W2lTemplateListFc.tsx
@@ -153,6 +153,7 @@ function W2lTemplateListFc(props: Props) {
 
   return (
     <div>
+      <br />
       <h1 className="title is-1"> Video lip sync templates </h1>
 
       {extraDetails}