From 227c30c3c98fbfcc4e1fce99a2e130f7b16d98e1 Mon Sep 17 00:00:00 2001
From: chahinebrini <chahinebrini@gmail.com>
Date: Mon, 8 Jun 2026 00:18:41 +0200
Subject: [PATCH] =?UTF-8?q?fix(native):=20Slot-Ringe=20kleiner+dicker+lang?=
 =?UTF-8?q?samer,=20'L=C3=BCckenloser=20Schutz'-Text=20raus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 apps/rebreak-native/app/devices.tsx                | 14 ++------------
 .../components/devices/DeviceSlotDonut.tsx         | 10 +++++-----
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/apps/rebreak-native/app/devices.tsx b/apps/rebreak-native/app/devices.tsx
index 303a1c3..44bbb48 100644
--- a/apps/rebreak-native/app/devices.tsx
+++ b/apps/rebreak-native/app/devices.tsx
@@ -567,18 +567,8 @@ export default function DevicesScreen() {
         }}
         showsVerticalScrollIndicator={false}
       >
-        {/* Subtitle + progress */}
-        <View style={{ gap: 8, marginBottom: -12 }}>
-          <Text
-            style={{
-              fontSize: 13,
-              color: colors.textMuted,
-              fontFamily: 'Nunito_400Regular',
-              lineHeight: 18,
-            }}
-          >
-            {subtitle}
-          </Text>
+        {/* Slot-Ringe */}
+        <View style={{ marginBottom: -4 }}>
           <View style={{ flexDirection: 'row', gap: 12, marginTop: 4 }}>
             <DeviceSlotDonut
               count={mobileCount}
diff --git a/apps/rebreak-native/components/devices/DeviceSlotDonut.tsx b/apps/rebreak-native/components/devices/DeviceSlotDonut.tsx
index 632c545..37cecda 100644
--- a/apps/rebreak-native/components/devices/DeviceSlotDonut.tsx
+++ b/apps/rebreak-native/components/devices/DeviceSlotDonut.tsx
@@ -3,8 +3,8 @@ import { Animated, Easing, Text, View } from 'react-native';
 import Svg, { Circle } from 'react-native-svg';
 import { useColors } from '../../lib/theme';
 
-const SIZE = 104;
-const STROKE = 9;
+const SIZE = 88;
+const STROKE = 11;
 const R = (SIZE - STROKE) / 2;
 const C = 2 * Math.PI * R;
 
@@ -36,7 +36,7 @@ export function DeviceSlotDonut({
     const l = anim.addListener(({ value }) => setProgress(value));
     Animated.timing(anim, {
       toValue: 1,
-      duration: 950,
+      duration: 1400,
       easing: Easing.out(Easing.cubic),
       useNativeDriver: false,
     }).start();
@@ -82,9 +82,9 @@ export function DeviceSlotDonut({
             justifyContent: 'center',
           }}
         >
-          <Text style={{ fontSize: 26, fontFamily: 'Nunito_900Black', color: colors.text, letterSpacing: -0.5 }}>
+          <Text style={{ fontSize: 22, fontFamily: 'Nunito_900Black', color: colors.text, letterSpacing: -0.5 }}>
             {count}
-            <Text style={{ fontSize: 14, fontFamily: 'Nunito_700Bold', color: colors.textMuted }}>
+            <Text style={{ fontSize: 12, fontFamily: 'Nunito_700Bold', color: colors.textMuted }}>
               /{max}
             </Text>
           </Text>