From 12dd9c30dc92c3bf2d1499365973c932d7799069 Mon Sep 17 00:00:00 2001
From: denizk0461 <denizk0461@mailbox.org>
Date: Tue, 3 Feb 2026 22:49:04 +0100
Subject: [PATCH] edited changelog entry style attributes to be more responsive

---
 src/lib/components/changelog-entry.svelte | 42 +++++++++++++++++++----
 src/routes/changelog/changelog.ts         |  5 +++
 2 files changed, 41 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/changelog-entry.svelte b/src/lib/components/changelog-entry.svelte
index a477f1f..64bed6a 100644
--- a/src/lib/components/changelog-entry.svelte
+++ b/src/lib/components/changelog-entry.svelte
@@ -14,8 +14,13 @@
     } = $props();
 </script>
 
-<div class="changelog-entry">    
-    <span class="changelog-entry-timestamp">{entry.date}, {entry.time} ::</span>
+<div class="changelog-entry">
+    <div class="changelog-entry-timestamp-container">
+        <span>{entry.date}</span>
+        <span class="changelog-entry-timestamp-comma">,&nbsp;</span>
+        <span>{entry.time}</span>
+    </div>
+    <span class="changelog-entry-timestamp-divider">::</span>
     <p>
         {entry.content}
         {#if entry.link}
@@ -36,22 +41,47 @@
         margin: 4px 0;
     }
 
-    .changelog-entry-timestamp {
+    .changelog-entry p {
+        font-size: 1.0rem;
+        line-height: 1.3rem;
+    }
+
+    .changelog-entry-timestamp-container {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .changelog-entry-timestamp-container *, .changelog-entry-timestamp-divider {
         font-family: var(--font-mono);
-        font-size: 0.9rem;
+        font-size: 0.8rem;
+        line-height: 1.3rem;
+        font-weight: 500;
         color: var(--color-highlight);
         min-width: fit-content;
     }
 
     .changelog-entry-link {
         font-family: var(--font-mono);
-        font-size: 1.3rem;
+        font-size: 1.2rem;
         color: var(--color-highlight);
         text-decoration: none;
-        line-height: 1rem;
+        line-height: 1.3rem;
     }
 
     .changelog-entry-link:hover {
         font-weight: 700;
     }
+
+    @media screen and (max-width: 550px) {
+        /* Align timestamp texts vertically */
+        .changelog-entry-timestamp-container {
+            flex-direction: column;
+            align-items: end;
+        }
+
+        /* Hide separating comma */
+        .changelog-entry-timestamp-comma {
+            display: none;
+        }
+    }
 </style>
\ No newline at end of file
diff --git a/src/routes/changelog/changelog.ts b/src/routes/changelog/changelog.ts
index 2e8ac2d..f485713 100644
--- a/src/routes/changelog/changelog.ts
+++ b/src/routes/changelog/changelog.ts
@@ -1,6 +1,11 @@
 import { type ChangelogEntry } from "$lib/components/changelog-entry.svelte";
 
 export const entries: ChangelogEntry[] = [
+    {
+        date: "2026-02-03",
+        time: "22:46",
+        content: "Created a new gallery widget for the main page and added a link to the new Gitea instance.",
+    },
     {
         date: "2026-02-03",
         time: "15:48",