From 432816383982b75a80fac0cbb80c6038099cd80b Mon Sep 17 00:00:00 2001
From: elias <elias.gew@hotmail.com>
Date: Sun, 7 Jun 2026 13:49:04 +0200
Subject: [PATCH] AstraOS Ver. 1.39: - Beauty update zum Tracker

---
 AstraOS/Frontend/HTML/ayrantracker.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/AstraOS/Frontend/HTML/ayrantracker.html b/AstraOS/Frontend/HTML/ayrantracker.html
index a0b3cf8..fa54f91 100644
--- a/AstraOS/Frontend/HTML/ayrantracker.html
+++ b/AstraOS/Frontend/HTML/ayrantracker.html
@@ -44,10 +44,10 @@
 
             <div class="flex flex-col sm:flex-row gap-4 w-full md:w-auto items-center">
 
-                <div id="smurfCard" class="bg-slate-900/80 border p-4 rounded-xl flex flex-col justify-center min-w-[240px] transition-all duration-300">
-                    <div class="flex justify-between items-center mb-1">
-                        <p class="text-[10px] uppercase tracking-widest font-bold text-slate-400">Smurf Detection</p>
-                        <span id="smurfBadge" class="text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide">Analysing</span>
+                <div id="smurfCard" class="bg-slate-900/80 border border-purple-900/20 p-4 rounded-xl flex flex-col justify-center min-w-[280px] sm:min-w-[300px] transition-all duration-300">
+                    <div class="flex justify-between items-center gap-4 mb-2">
+                        <p class="text-[10px] uppercase tracking-widest font-bold text-slate-400 whitespace-nowrap">Smurf Rating</p>
+                        <span id="smurfBadge" class="text-[9px] font-black uppercase px-2 py-0.5 rounded tracking-wide text-center whitespace-nowrap">Analysing</span>
                     </div>
                     <div class="flex items-baseline space-x-1.5">
                         <span id="displaySmurfScore" class="text-2xl font-black">0%</span>
@@ -268,18 +268,18 @@
 
                 // Farbthemen basierend auf dem Score zuweisen
                 if(sScore >= 70) {
-                    sCard.className = "bg-rose-950/40 border-rose-500/60 p-4 rounded-xl flex flex-col justify-center min-w-[240px]";
-                    sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-rose-500 text-black shadow-lg shadow-rose-500/20";
+                    sCard.className = "bg-rose-950/40 border-rose-500/60 p-4 rounded-xl flex flex-col justify-center min-w-[280px] sm:min-w-[300px]";
+                    sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-rose-500 text-black shadow-lg shadow-rose-500/20 whitespace-nowrap";
                     document.getElementById('displaySmurfScore').className = "text-2xl font-black text-rose-400";
                     document.getElementById('smurfProgressBar').className = "h-full bg-rose-500 animate-pulse";
                 } else if(sScore >= 40) {
-                    sCard.className = "bg-amber-950/30 border-amber-500/40 p-4 rounded-xl flex flex-col justify-center min-w-[240px]";
-                    sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-amber-500 text-black";
+                    sCard.className = "bg-amber-950/30 border-amber-500/40 p-4 rounded-xl flex flex-col justify-center min-w-[280px] sm:min-w-[300px]";
+                    sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-amber-500 text-black whitespace-nowrap";
                     document.getElementById('displaySmurfScore').className = "text-2xl font-black text-amber-400";
                     document.getElementById('smurfProgressBar').className = "h-full bg-amber-500";
                 } else {
-                    sCard.className = "bg-slate-900/80 border-slate-800 p-4 rounded-xl flex flex-col justify-center min-w-[240px]";
-                    sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-emerald-500/10 text-emerald-400 border border-emerald-500/20";
+                    sCard.className = "bg-slate-900/80 border-slate-800 p-4 rounded-xl flex flex-col justify-center min-w-[280px] sm:min-w-[300px]";
+                    sBadge.className = "text-[9px] font-black uppercase px-1.5 py-0.5 rounded tracking-wide bg-emerald-500/10 text-emerald-400 border border-emerald-500/20 whitespace-nowrap";
                     document.getElementById('displaySmurfScore').className = "text-2xl font-black text-emerald-400";
                     document.getElementById('smurfProgressBar').className = "h-full bg-emerald-500";
                 }