diff --git a/app/templates/base.html b/app/templates/base.html index 846a397..b827d03 100644 --- a/app/templates/base.html +++ b/app/templates/base.html @@ -63,13 +63,13 @@ Manage Channels - +
diff --git a/app/templates/dm.html b/app/templates/dm.html index ff30090..8d77f7c 100644 --- a/app/templates/dm.html +++ b/app/templates/dm.html @@ -57,6 +57,32 @@ max-width: 100%; } } + + /* DM page layout - ensure proper height on mobile */ + html, body { + height: 100vh; + height: 100dvh; /* Dynamic viewport height for mobile */ + margin: 0; + overflow: hidden; + } + body { + display: flex; + flex-direction: column; + } + main { + flex: 1; + overflow: hidden; + display: flex; + flex-direction: column; + min-height: 0; + } + .dm-page-container { + flex: 1; + display: flex; + flex-direction: column; + min-height: 0; + overflow: hidden; + } @@ -82,9 +108,9 @@
-
+
-
+
@@ -100,9 +126,9 @@
-
+
-
+
-
+
-
+
Ready