upd: friendsThatPlay page

skin.json

@@ -615,7 +615,7 @@
         {
             "MatchRegexString": "https://steamcommunity\\.com(/.*)?",
             "TargetCss": "src/css/custom/custom.css",
-            "TargetJs": "src/css/custom/custom.js"
+            "TargetJs": "src/js/webkit.js"
         },
         {
             "MatchRegexString": ".ModalDialogPopup",

src/css/webkit.css

@@ -23,6 +23,7 @@
 
 /*^ Profile */
 @import url("./webkit/community/profile/awards.css");
+@import url("./webkit/community/profile/friendsThatPlay.css");
 @import url("./webkit/community/profile/user.css");
 
 /*^ Workshop */

src/js/webkit.js

@@ -0,0 +1 @@
+import './webkit/community/friendsThatPlayed.js';

src/js/webkit/community/friendsThatPlayed.js

@@ -0,0 +1,52 @@
+function relocatePlaytime() {
+    const friendListContent = document.querySelector('.friends_that_play_content');
+    if (!friendListContent) return;
+
+    const firstFriendBlockSection = friendListContent.querySelector('.profile_friends.responsive_friendblocks');
+    if (!firstFriendBlockSection) return;
+
+    const myStatsBlock = firstFriendBlockSection.querySelector('.friendBlock.persona');
+    if (!myStatsBlock) return;
+
+    const mySmallText = myStatsBlock.querySelector('.friendSmallText');
+    if (!mySmallText) return;
+
+    const headerTextContainer = document.querySelector('.profile_small_header_text');
+    const locationArrow = document.querySelector('.profile_small_header_arrow');
+    const locationText = document.querySelector('.profile_small_header_location');
+
+    if (!headerTextContainer) return;
+
+    const clonedStats = mySmallText.cloneNode(true);
+
+    clonedStats.style.marginTop = '4px';
+    clonedStats.style.color = '#8e8e8e';
+    clonedStats.style.fontSize = '14px';
+    clonedStats.style.display = 'flex';
+    clonedStats.style.alignItems = 'center';
+    clonedStats.style.gap = '8px';
+
+    if (locationArrow) locationArrow.style.display = 'none';
+
+    if (locationText && locationText.parentElement) {
+        locationText.parentElement.style.display = 'none';
+    }
+
+    if (!headerTextContainer.querySelector('.friendSmallText')) {
+        headerTextContainer.appendChild(clonedStats);
+    }
+
+    const firstHeader = friendListContent.querySelector('.mainSectionHeader');
+    if (firstHeader && firstHeader.textContent.includes('Your own playtime')) {
+        firstHeader.style.display = 'none';
+    }
+    if (firstFriendBlockSection) {
+        firstFriendBlockSection.style.display = 'none';
+    }
+}
+
+if (document.readyState === 'loading') {
+    document.addEventListener("DOMContentLoaded", relocatePlaytime);
+} else {
+    relocatePlaytime();
+}