From 60ad15e08cac1be74ef83b880503c22f2992eefc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= <c.pronzola@tuta.io>
Date: Tue, 8 Apr 2025 08:36:27 +0400
Subject: [PATCH] add title to mastodon TL

---
 css/styles.css | 26 +++++++++++++++++++++++++-
 index.php      |  3 +++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/css/styles.css b/css/styles.css
index fc21172..b6fc47b 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -206,10 +206,34 @@ img {
     width: 50%;
     height: 400px;
     border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+}
+
+.mt-header {
+    padding: 12px 15px;
+    background: linear-gradient(45deg, #000000, #333333);
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+}
+
+.mt-title {
+    color: white;
+    font-size: 20px;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    text-align: center;
+}
+
+.mt-title i {
+    color: var(--primary-red);
 }
 
 .mt-body {
-    height: 100%;
+    height: calc(100% - 50px);
     overflow-y: auto;
 }
 
diff --git a/index.php b/index.php
index bccd9f9..19c737b 100644
--- a/index.php
+++ b/index.php
@@ -102,6 +102,9 @@
             </div>
 
             <div id="mt-container" class="mt-container">
+                <div class="mt-header">
+                    <h2 class="mt-title">Fil d'actualités <i class="fab fa-mastodon"></i></h2>
+                </div>
                 <div class="mt-body" role="feed">
                     <div class="mt-loading-spinner"></div>
                 </div>