From 7931dffca129db838b1c975409674c490d1468ee Mon Sep 17 00:00:00 2001
From: asuk <asuk@pointer.click>
Date: Mon, 1 Apr 2024 14:01:32 +0200
Subject: [PATCH] ui css changes

dependencies hashes:
openFrameworks d78075f4bca6be2a2533c6e51a75cc1f18404501
ofxMsdfgen e14da13d02c4dff04fb69d7923469f606924e6c3
ofxGPUFont d482bb7cbdf6b296fa4ab5abcf73fb5ff8c8b239
ofxVariableLab 0b5f9bdebc1e5550621957e73c040c258ec6317b
ofxProfiler a868e34fa1a79189dd4fbdede2938e308535e5e8
---
 assets/template.html                    |  2 +-
 bin/em/variabletime/web/css/demo.css    | 11 ++++++++++-
 bin/em/variabletime/web/css/theatre.css |  2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/assets/template.html b/assets/template.html
index e5eddab..972525f 100644
--- a/assets/template.html
+++ b/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>
diff --git a/bin/em/variabletime/web/css/demo.css b/bin/em/variabletime/web/css/demo.css
index 97fc650..eb65047 100755
--- a/bin/em/variabletime/web/css/demo.css
+++ b/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;
diff --git a/bin/em/variabletime/web/css/theatre.css b/bin/em/variabletime/web/css/theatre.css
index c1aeff3..fa18a2c 100644
--- a/bin/em/variabletime/web/css/theatre.css
+++ b/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{