TOS & Subscription

public/css/input.css

@@ -214,19 +214,17 @@
 .attach-preview-remove:hover { background: var(--bg-hover); }
 
 /* ── TOS banner ──────────────────────────────────────────────────────────── */
-/* The banner uses position:fixed so it sits above everything.
-   JS in app.js sets bottom padding on .bottom-input-bar dynamically. */
+/* The banner is now inside #main, positioned at the bottom. */
 #tos-banner {
   font-size: 12px;
   color: rgba(255,255,255,0.6);
   padding: 10px;
-  position: fixed;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-  width: min(780px, calc(100vw - 48px));
+  width: 100%;
   text-align: center;
   background-color: var(--bg);
+  border-top: 1px solid var(--border);
+  margin-top: auto;
+  flex-shrink: 0;
 }
 #tos-banner p {
   margin: 0;
@@ -307,18 +305,13 @@
     color: var(--text);
   }
 
-  /* ── TOS banner: pinned to very bottom ── */
+  /* ── TOS banner: at bottom of main ── */
   #tos-banner {
-    bottom: 0 !important;
-    left: 0 !important;
-    transform: none !important;
-    width: 100% !important;
     font-size: 11px;
     padding: 6px 14px;
     border-top: 1px solid var(--border);
-    background: var(--bg);
-    z-index: 80;
-    text-align: center;
+    margin-top: auto;
+    flex-shrink: 0;
   }
 
   /* ── Main area: padded for top bar + TOS ── */

public/js/auth.js

@@ -129,6 +129,7 @@ function applyAuthOk(msg) {
   userProfile  = msg.profile;
   userSettings = msg.settings;
   subscriptionInfo = msg.subscription || null;
+  console.log('Auth OK - subscription info:', subscriptionInfo);
   const auth = loadAuth() || {};
   saveAuth({ ...auth, userId: msg.userId, deviceToken: msg.deviceToken });
   notifyListeners();