fix(mobile): ui over lapping

the ui elements would over lap and cause visual issues with the scanning and seeing the old labels

closes #25

lstMobile/src/components/LSTScanner.tsx

@@ -182,14 +182,17 @@ export default function LSTScanner() {
 		}, [handleScan]),
 	);
 	return (
-		<View className={`${bgColor ?? ""} flex-1 w-screen`}>
-			<View style={{ alignItems: "center", margin: 5 }}>
-				<Text style={{ fontSize: 14, fontWeight: "600" }}>
-					User: {formatName(user?.name ?? "")}
-				</Text>
-				<Text style={{ fontSize: 18, fontWeight: "600" }}>
-					LST Scanner id: {user?.scannerId}
-				</Text>
+		<View className={`${bgColor ?? ""} flex-1 w-full`}>
+			<View className="flex gap-2 items-center">
+				<View className="flex flex-col gap-2 items-center">
+					<Text style={{ fontSize: 14, fontWeight: "600" }}>
+						Lst user: {formatName(user?.name ?? "")}
+					</Text>
+					{/* <Text style={{ fontSize: 14, fontWeight: "600" }}>
+						LST Scanner id: {user?.scannerId}
+					</Text> */}
+				</View>
+
 				<View
 					style={{
 						marginTop: 5,
@@ -197,8 +200,8 @@ export default function LSTScanner() {
 					}}
 				>
 					{!lastScan ? (
-						<View style={{ marginTop: 10, alignItems: "center" }}>
-							<Text className="text-xl font-bold">Ready to scan</Text>
+						<View style={{ marginTop: 2, alignItems: "center" }}>
+							<Text className="text-lg font-bold">Ready to scan</Text>
 							<Text>Please Scan a command to start scanning...</Text>
 							<Text className="text-sm">
 								Scanning a label could cause errors due to incorrect previous
@@ -208,7 +211,7 @@ export default function LSTScanner() {
 					) : (
 						<View
 							style={{
-								marginTop: 10,
+								marginTop: 2,
 								alignItems: "center",
 							}}
 						>
@@ -217,10 +220,10 @@ export default function LSTScanner() {
 								.map((i) => {
 									return (
 										<View
-											style={{ marginTop: 10, alignItems: "center" }}
+											style={{ marginTop: 2, alignItems: "center" }}
 											key={i}
 										>
-											<Text style={{ fontSize: 18, fontWeight: "600" }}>
+											<Text style={{ fontSize: 12, fontWeight: "600" }}>
 												{i}
 											</Text>
 										</View>
@@ -237,18 +240,17 @@ export default function LSTScanner() {
 					color={bgColor}
 					clearScan={clearScans}
 				/>
+				<GlobalFooter />
 			</View>
 
-			<View className="m-2">
+			{/* <View className="m-2">
 				{user && (
 					<View className="items-center">
 						<Button title="Logout" onPress={logoutScanner} />
 					</View>
 				)}
-			</View>
-			<View>
-				<GlobalFooter />
-			</View>
+			</View> */}
+			{/* <View style={{ maxHeight: 75 }} className="flex-1 bg-slate-500"></View> */}
 		</View>
 	);
 }