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 @@
-
+
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{