style

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. */

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';

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" />

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

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}