From: Marcel Werk <burntime@woltlab.com>
Date: Tue, 7 Jan 2025 12:47:33 +0000 (+0100)
Subject: Slightly improve mobile version of the recent activities
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=62c4c36f7ffff9fadaf1b9e273d3d41ac72441b2;p=GitHub%2FWoltLab%2FWCF.git

Slightly improve mobile version of the recent activities
---

diff --git a/wcfsetup/install/files/style/ui/recentActivityList.scss b/wcfsetup/install/files/style/ui/recentActivityList.scss
index 6d973e44ff..4e557e1948 100644
--- a/wcfsetup/install/files/style/ui/recentActivityList.scss
+++ b/wcfsetup/install/files/style/ui/recentActivityList.scss
@@ -49,20 +49,32 @@
 	}
 
 	@include screen-sm-down {
+		column-gap: 10px;
+		grid-template-areas:
+			"avatar title"
+			"time time";
+
+		&.recentActivityListItem--withDescription {
+			grid-template-areas:
+				"avatar title"
+				"description description"
+				"time time";
+		}
+
 		&.recentActivityListItem--withImage {
 			grid-template-areas:
 				"avatar title"
-				"avatar image"
-				"avatar time";
+				"image image"
+				"time time";
 			grid-template-rows: min-content min-content 1fr;
 		}
 
 		&.recentActivityListItem--withDescription.recentActivityListItem--withImage {
 			grid-template-areas:
 				"avatar title"
-				"avatar image"
-				"avatar description"
-				"avatar time";
+				"image image"
+				"description description"
+				"time time";
 			grid-template-rows: min-content min-content min-content 1fr;
 		}
 	}
@@ -88,6 +100,10 @@
 	color: var(--wcfContentDimmedText);
 
 	@include wcfFontSmall;
+
+	@include screen-sm-down {
+		text-align: right;
+	}
 }
 
 .recentActivityListItem__image {