fixed footer

Dockerfile

@@ -13,9 +13,10 @@ RUN ln -sf /usr/bin/python3 /usr/bin/python
 # Copy root package files first
 COPY package*.json ./
 COPY tsconfig.base.json ./
+COPY ecosystem.config.cjs ./
 
 # Install root dependencies
-RUN npm install
+RUN npm install --only=production
 
 # Copy workspace files
 COPY backend/ ./backend/
@@ -26,34 +27,44 @@ RUN npm install --workspace=backend
 RUN npm install --workspace=frontend
 
 # Build backend first
-RUN npm run build --workspace=backend
+RUN npm run build --only=production --workspace=backend
 
 # Build frontend
-RUN npm run build --workspace=frontend
+RUN npm run build --only=production --workspace=frontend
 
 # Verify Python and OR-Tools installation
 RUN python -c "from ortools.sat.python import cp_model; print('OR-Tools installed successfully')"
 
 # Production stage (same as above)
 FROM node:20-bookworm
+
 WORKDIR /app
+
 RUN npm install -g pm2
 RUN mkdir -p /app/data
+
 COPY --from=builder /app/backend/dist/ ./dist/
 COPY --from=builder /app/backend/package*.json ./
+
 COPY --from=builder /app/node_modules/ ./node_modules/
 COPY --from=builder /app/frontend/dist/ ./frontend-build/
+
 COPY --from=builder /app/ecosystem.config.cjs ./
+
 COPY --from=builder /app/backend/src/database/ ./dist/database/
 COPY --from=builder /app/backend/src/database/ ./database/
+
 RUN groupadd -g 1001 nodejs && \
     useradd -m -u 1001 -s /bin/bash -g nodejs schichtplan && \
     chown -R schichtplan:nodejs /app && \
     chmod 755 /app && \
     chmod 775 /app/data
+
 ENV PM2_HOME=/app/.pm2
 USER schichtplan
 EXPOSE 3002
+
 HEALTHCHECK --interval=30s --timeout=10s --start-period=40s --retries=3 \
   CMD wget --no-verbose --tries=1 --spider http://localhost:3002/api/health || exit 1
+  
 CMD ["pm2-runtime", "ecosystem.config.cjs"]

frontend/package.json

@@ -15,7 +15,8 @@
     "@types/react-router-dom": "^5.3.3",
     "@vitejs/plugin-react": "^4.3.3",
     "typescript": "^5.7.3",
-    "vite": "^6.0.7"
+    "vite": "^6.0.7",
+    "esbuild": "^0.21.0"
   },
   "scripts": {
     "dev": "vite",

frontend/src/components/Layout/Footer.tsx

@@ -10,12 +10,12 @@ const Footer: React.FC = () => {
       borderTop: '1px solid rgba(251, 250, 246, 0.1)',
     },
     footerContent: {
-      maxWidth: '1200px',
+      maxWidth: '1500px',
       margin: '0 auto',
       padding: '3rem 2rem 2rem',
       display: 'grid',
-      gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))',
+      gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))',
-      gap: '3rem',
+      gap: '1rem',
     },
     footerSection: {
       display: 'flex',

frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx

@@ -35,7 +35,7 @@ const FAQ: React.FC = () => {
     },
     {
       question: "Wie lange dauert die Planungserstellung?",
-      answer: "Typischerweise 30-105 Sekunden, abhängig von der Anzahl der Mitarbeiter und Schichten."
+      answer: "Typischerweise maximal 105 Sekunden, abhängig von der Anzahl der Mitarbeiter und Schichten."
     }
   ];
 

frontend/src/components/Layout/FooterLinks/Features/Features.tsx

@@ -11,7 +11,7 @@ const Features: React.FC = () => {
     {
       icon: "⚡",
       title: "Schnelle Berechnung",
-      description: "Google OR-Tools CP-SAT Solver findet Lösungen in 30-105 Sekunden"
+      description: "Google OR-Tools CP-SAT Solver findet Lösungen in maximal 105 Sekunden"
     },
     {
       icon: "👥",

frontend/src/components/Layout/Layout.module.css

@@ -151,7 +151,7 @@
   margin: 0 auto;
   padding: 2rem 20px;
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
   gap: 2rem;
 }
 

frontend/src/pages/Auth/Login.tsx

@@ -129,7 +129,7 @@ const Login: React.FC = () => {
             onChange={(e) => setEmail(e.target.value)}
             required
             style={{
-              width: '94.5%',
+              width: '100%',
               padding: '10px',
               border: '1px solid #ddd',
               borderRadius: '4px',
@@ -151,7 +151,7 @@ const Login: React.FC = () => {
               onChange={(e) => setPassword(e.target.value)}
               required
               style={{
-                width: '94.5%',
+                width: '100%',
                 padding: '10px',
                 paddingRight: '10px',
                 border: '1px solid #ddd',