From 5bf7c19ac3ade696f9fa84cd47a838a6ae98790d Mon Sep 17 00:00:00 2001
From: orfelorfel23 <jannik.mueller.jannik+git@googlemail.com>
Date: Fri, 12 Jun 2026 23:59:18 +0200
Subject: [PATCH] UI: Fixed admin footer with save button, version, and website
 globe

---
 src/screens/AdminScreen.tsx | 55 +++++++++++++++++++++++++++++--------
 1 file changed, 44 insertions(+), 11 deletions(-)

diff --git a/src/screens/AdminScreen.tsx b/src/screens/AdminScreen.tsx
index 6aca92ef..7aaad607 100644
--- a/src/screens/AdminScreen.tsx
+++ b/src/screens/AdminScreen.tsx
@@ -27,6 +27,7 @@ import {
   faImages,
   faFloppyDisk,
   faFileLines,
+  faGlobe,
 } from '@fortawesome/free-solid-svg-icons';
 import { THEME } from '../styles/theme';
 import { logger } from '../services/logger';
@@ -649,8 +650,15 @@ export default function AdminScreen({ currentSettings, onSave, onClose }: AdminS
             />
           </View>
         </View>
+      </ScrollView>
 
-        <TouchableOpacity style={styles.saveBtn} onPress={handleSave} activeOpacity={0.8}>
+      {/* Fixed Footer */}
+      <View style={styles.fixedFooter}>
+        <View style={styles.footerSideLeft}>
+          <Text style={styles.versionText}>v{appConfig.expo.version}</Text>
+        </View>
+
+        <TouchableOpacity style={styles.saveBtnFixed} onPress={handleSave} activeOpacity={0.8}>
           <LinearGradient
             colors={THEME.gradient.primary}
             start={{ x: 0, y: 0.5 }}
@@ -662,13 +670,12 @@ export default function AdminScreen({ currentSettings, onSave, onClose }: AdminS
           </LinearGradient>
         </TouchableOpacity>
 
-        <View style={{ alignItems: 'center', marginTop: 20, marginBottom: 40 }}>
-          <Text style={{ color: '#555', fontSize: 14, marginBottom: 10 }}>App Version {appConfig.expo.version}</Text>
-          <TouchableOpacity onPress={() => Linking.openURL('https://schnappix.orfel.de')}>
-            <Text style={{ color: THEME.colors.accent, fontSize: 16, textDecorationLine: 'underline' }}>schnappix.orfel.de</Text>
+        <View style={styles.footerSideRight}>
+          <TouchableOpacity onPress={() => Linking.openURL('https://schnappix.orfel.de')} style={styles.globeLink}>
+            <FontAwesomeIcon icon={faGlobe} size={24} color={THEME.colors.accent} />
           </TouchableOpacity>
         </View>
-      </ScrollView>
+      </View>
       
       {/* Log Modal */}
       <Modal visible={logs !== null} transparent animationType="slide">
@@ -908,14 +915,40 @@ const styles = StyleSheet.create({
     fontWeight: '600',
     color: THEME.colors.text,
   },
-  saveBtn: {
-    width: '100%',
-    maxWidth: 680,
+  fixedFooter: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: THEME.spacing.xl,
+    paddingVertical: THEME.spacing.md,
+    backgroundColor: THEME.colors.surface,
+    borderTopWidth: 1,
+    borderTopColor: THEME.colors.border,
+  },
+  footerSideLeft: {
+    flex: 1,
+    alignItems: 'flex-start',
+    justifyContent: 'center',
+  },
+  footerSideRight: {
+    flex: 1,
+    alignItems: 'flex-end',
+    justifyContent: 'center',
+  },
+  versionText: {
+    color: '#555',
+    fontSize: 16,
+    fontWeight: 'bold',
+  },
+  globeLink: {
+    padding: THEME.spacing.xs,
+  },
+  saveBtnFixed: {
+    flex: 2,
+    maxWidth: 400,
     height: 52,
     overflow: 'hidden',
     borderRadius: THEME.borderRadius.md,
-    marginTop: THEME.spacing.sm,
-    marginBottom: THEME.spacing.xl,
     shadowColor: THEME.colors.gradientGlow,
     shadowOffset: { width: 0, height: 4 },
     shadowOpacity: 0.5,