From 83403d43a6be1dc7ea4eb275581c23e931fc6b9f Mon Sep 17 00:00:00 2001
From: Samidy <samidy@proton.me>
Date: Mon, 13 Apr 2026 15:06:26 +0300
Subject: [PATCH] fuck mobile

---
 styles.css | 42 +++++++++++++++++++++++++++++++++++++++---
 1 file changed, 39 insertions(+), 3 deletions(-)

diff --git a/styles.css b/styles.css
index c6960fd..0d1df0b 100644
--- a/styles.css
+++ b/styles.css
@@ -2602,9 +2602,45 @@ body.multi-select-mode .track-item:hover {
 
 @media (max-width: 480px) {
     #page-artist .detail-header {
-        margin-top: calc((var(--spacing-sm) + var(--spacing-xl)) * -1);
-        margin-left: calc(var(--spacing-sm) * -1);
-        margin-right: calc(var(--spacing-sm) * -1);
+        margin-top: -5rem;
+        margin-left: -1rem;
+        margin-right: -1rem;
+        padding: 5rem 1rem 2rem 1rem;
+        min-height: 300px;
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+        gap: 1.25rem;
+    }
+
+    #page-artist .detail-header-image {
+        width: 140px;
+        height: 140px;
+        border-width: 3px;
+    }
+
+    #page-artist .detail-header-info .title {
+        font-size: 2rem;
+        justify-content: center;
+        gap: 0.5rem;
+    }
+
+    #page-artist .detail-header-info .meta {
+        justify-content: center;
+        font-size: 0.85rem;
+    }
+
+    #page-artist .detail-header-actions {
+        justify-content: center;
+        margin-top: 1rem;
+    }
+
+    #page-artist .artist-bio {
+        text-align: center;
+        margin-left: auto;
+        margin-right: auto;
+        font-size: 0.85rem;
+        line-height: 1.4;
     }
 }