ui css changes

dependencies hashes:
openFrameworks d78075f4bca6be2a2533c6e51a75cc1f18404501
ofxMsdfgen e14da13d02c4dff04fb69d7923469f606924e6c3
ofxGPUFont d482bb7cbdf6b296fa4ab5abcf73fb5ff8c8b239
ofxVariableLab 0b5f9bdebc1e5550621957e73c040c258ec6317b
ofxProfiler a868e34fa1a79189dd4fbdede2938e308535e5e8

assets/template.html

@@ -292,7 +292,7 @@
         <button id="midi_open">midi</button>
         <button id="hide_ui">hide ui</button>
         <button id="exporter_open">export</button>
-        <button id="upload_audio">upload audiofile</button>
+        <button id="upload_audio">add audio</button>
         <button id="save_project" onclick="window.tp.downloadProject()">save project</button>
         <button id="open_project" onclick="window.tp.uploadProject(true)">open project</button>
         <button id="start_new_project" onclick="window.tp.startNewProject()">start new project</button>

bin/em/variabletime/web/css/demo.css

@@ -207,7 +207,7 @@ body.debug div:not(.centerLine) {
 #notice .content {
     width: fit-content;
     height: fit-content;
-    padding: 2em;
+    padding: 10px 10px 20px 10px;
     color: black;
     background-color: white; 
     display: flex;
@@ -223,6 +223,9 @@ body.debug div:not(.centerLine) {
 
 #notice .content .details p {
     color: black;
+    text-align: center;
+    max-width: 95%;
+    margin-bottom: 20px;
 }
 #notice .content .button {
     display: none;
@@ -244,8 +247,14 @@ body.debug div:not(.centerLine) {
 #notice .content .button.visible {
     display: flex;
 }
+#notice .content .details{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
 #notice .content .button p {
     user-select: none;
+    margin: 0px;
 }
 #notice_recording {
     position: fixed;

bin/em/variabletime/web/css/theatre.css

@@ -477,7 +477,7 @@ label svg{
 .colorWrapper {
     
     border-top: 1px dashed #91919177;
-    margin-bottom: 10px;
+/*    margin-bottom: 10px;*/
     padding-top: 10px;
 }
 .letterDelaysContWrapper{