diff --git a/web/src/_templates/app/js.php b/web/src/_templates/app/js.php
index 9c11671..859c43c 100644
--- a/web/src/_templates/app/js.php
+++ b/web/src/_templates/app/js.php
@@ -24,5 +24,6 @@ var app = {
};
var cssprops = {
meet_max_width: '40em',
+ meet_actions_height: '6em',
};
diff --git a/web/src/app/app.php b/web/src/app/app.php
index 5b14c5f..079aad1 100644
--- a/web/src/app/app.php
+++ b/web/src/app/app.php
@@ -21,8 +21,7 @@ $actor = $database->getActorByUsername($user->username);
diff --git a/web/src/app/css/app.css b/web/src/app/css/app.css
index 5e5a49b..adf034c 100644
--- a/web/src/app/css/app.css
+++ b/web/src/app/css/app.css
@@ -80,6 +80,10 @@ main {
background: #000;
}
+#page-meet #actions {
+ height: var(--meet_actions_height);
+ max-width: var(--meet_max_width);
+}
#page-meet #actions .button.light .fa {
color: #fff;
}
@@ -138,6 +142,7 @@ main {
.meet.item .status {
color: #fff;
max-width: var(--meet_max_width);
+ margin-bottom: var(--meet_actions_height);
}
.meet.item .status-content {
box-shadow: 0px 2px 1px #0000008c;
diff --git a/web/src/app/js/pages/meet.js b/web/src/app/js/pages/meet.js
index 5013802..7285937 100644
--- a/web/src/app/js/pages/meet.js
+++ b/web/src/app/js/pages/meet.js
@@ -75,7 +75,6 @@ app.pages.meet = {
if (item.props.pcolors.bg !== undefined)
postBgColor = item.props.pcolors.bg;
- tpl = tpl.replaceAll('{actionsHeight}', '6em');
tpl = tpl.replaceAll('{postFgColor}', htmlescape(postFgColor));
tpl = tpl.replaceAll('{postBgColor}', htmlescape(postBgColor));
dom.innerHTML += tpl;
@@ -116,7 +115,6 @@ app.pages.meet = {
_ = function () {
const dom = document.querySelector('#page-meet #actions');
dom.innerHTML = '';
- dom.style.height = '6em';
var tpl = app.template.fill({}, app.template.get('meet.actions'));
dom.innerHTML += tpl;
}; _();
diff --git a/web/src/app/js/templates/meet/item.html b/web/src/app/js/templates/meet/item.html
index 0373f9c..7e532de 100644
--- a/web/src/app/js/templates/meet/item.html
+++ b/web/src/app/js/templates/meet/item.html
@@ -11,8 +11,7 @@