Unifying /sessions css style across layouts and adding timezone config setting

config_example.json

@@ -16,6 +16,7 @@
     ],
     "invite_secret": "YOUR_SECRET_HERE",
     "hide_comments_from_public": false,
+    "timezone": "UTC",
     "development": true
   },
   "allowedModes": [ "sfw", "nsfw", "untagged", "all", "nsfl" ],

public/s/css/f0ckm.css

@@ -9636,13 +9636,6 @@ body.layout-legacy .navbar-header {
     overflow: visible;
   }
 
-  body.layout-modern>.pagewrapper>#main,
-  body.layout-modern>#main {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    align-items: normal;
-  }
 
   body.layout-modern:has(.item-layout-container)>.pagewrapper>#main,
   body.layout-modern:has(.item-layout-container)>#main {
@@ -9667,7 +9660,7 @@ body.layout-legacy .navbar-header {
 /* For generic pages in layout-modern, reset #main to plain block flow so children
    fill the full available width — mirrors layout-legacy exactly and prevents any
    flex child centering (e.g. margin:0 auto shrinking content like on /subscriptions). */
-body.layout-modern>.pagewrapper:not(:has(.index-layout-wrapper)):not(:has(.item-layout-container)):not(:has(.meme-layout-wrapper)):not(:has(.messages-convo-page))>#main {
+body.layout-modern>.pagewrapper:not(:has(.index-layout-wrapper)):not(:has(.item-layout-container)):not(:has(.meme-layout-wrapper)):not(:has(.messages-convo-page))>#main:not(.session-grid) {
   display: block !important;
   width: 100%;
 }

src/inc/config.mjs

@@ -16,6 +16,11 @@ if (process.env.NODE_ENV === 'production') {
     config.main.development = false;
 }
 
+// Set timezone from config if not already set via environment variable
+if (!process.env.TZ && config.main.timezone) {
+    process.env.TZ = config.main.timezone;
+}
+
 const base = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "../../");
 const storage = process.env.STORAGE_DIR;
 

views/admin/sessions.html

@@ -36,11 +36,11 @@
       </div>
       <div class="session-info">
         <span class="label">Created:</span>
-        <span class="value">{{ new Date(s.created_at * 1e3).toLocaleString("de-DE") }}</span>
+        <span class="value">{{ new Date(s.created_at * 1e3).toLocaleString(lang) }}</span>
       </div>
       <div class="session-info">
         <span class="label">Last Used:</span>
-        <span class="value">{{ new Date(s.last_used * 1e3).toLocaleString("de-DE") }}</span>
+        <span class="value">{{ new Date(s.last_used * 1e3).toLocaleString(lang) }}</span>
       </div>
       <div class="session-info">
         <span class="label">Last Action:</span>