From bacf4330bd5be09e25992084ae36e7fd3202aec9 Mon Sep 17 00:00:00 2001
From: Niko <niko@nobigtech.es>
Date: Sun, 20 Feb 2022 17:48:01 +0100
Subject: [PATCH] Improve UX on post collapse + some fixes + code improvements

---
 web/src/app/css/app.css      | 6 +++++-
 web/src/app/js/app.js        | 2 +-
 web/src/app/js/pages/meet.js | 9 ++++-----
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/web/src/app/css/app.css b/web/src/app/css/app.css
index 4f79d68..cbc9b64 100644
--- a/web/src/app/css/app.css
+++ b/web/src/app/css/app.css
@@ -211,8 +211,12 @@ main {
 }
 
 *[id*="collapse-link-"][collapsed="true"] .link {
+	padding: 2em !important;
+	padding-bottom: .8em !important;
+}
+*[id*="collapse-link-"] .link {
 	padding: 2em;
-	padding-bottom: .8em;
+	padding-top: .2em;
 }
 
 .item .acct {
diff --git a/web/src/app/js/app.js b/web/src/app/js/app.js
index fecd098..88408ea 100644
--- a/web/src/app/js/app.js
+++ b/web/src/app/js/app.js
@@ -257,7 +257,7 @@ app.overlay = {
 			const div = document.createElement('div');
 			data['oid'] = id;
 			div.id = id;
-			div.className = 'overlay dark';
+			div.className = 'overlay height-mobile dark';
 			div.innerHTML = app.template.fill(data, tpl);
 			if (removable)
 				div.setAttribute('onclick', `app.overlay.remove("${id}")`);
diff --git a/web/src/app/js/pages/meet.js b/web/src/app/js/pages/meet.js
index a38ca5c..537b9f2 100644
--- a/web/src/app/js/pages/meet.js
+++ b/web/src/app/js/pages/meet.js
@@ -42,8 +42,7 @@ app.pages.meet = {
 	},
 	paint: function(json) {
 		json = json || app.pages.meet.data;
-		let _;
-		_ = function () {
+		(function() {
 			const dom = document.querySelector('#page-meet #content');
 			dom.innerHTML = '';
 			for (var i = 0; i < json.length; i++) {
@@ -110,13 +109,13 @@ app.pages.meet = {
 					}
 				}
 			}
-		}; _();
-		_ = function () {
+		})();
+		(function () {
 			const dom = document.querySelector('#page-meet #actions');
 			dom.innerHTML = '';
 			var tpl = app.template.fill({}, app.template.get('meet.actions'));
 			dom.innerHTML += tpl;
-			}; _();
+		})();
 		(function() {
 			const dom = document.querySelector('#page-meet #trail');
 			if (dom === null) return;