Update CSS

MisplaceAI/MisplaceAI/settings.py

@@ -55,6 +55,7 @@ INSTALLED_APPS = [
     'corsheaders',
     'user_dashboard',
     'rest_framework_simplejwt',
+    'rest_framework_simplejwt.token_blacklist',
  
 ]
 
@@ -84,10 +85,10 @@ CORS_ALLOW_CREDENTIALS = True
 CSRF_COOKIE_HTTPONLY = True
 ROOT_URLCONF = 'MisplaceAI.urls'
 
+
 SESSION_COOKIE_AGE = 1209600  # 2 weeks in seconds
+SESSION_EXPIRE_AT_BROWSER_CLOSE = False# Do not expire the session when the browser closes
 
-# Do not expire the session when the browser closes
-SESSION_EXPIRE_AT_BROWSER_CLOSE = False
 
 # Optionally, secure the session cookie (recommended for production)
 SESSION_COOKIE_SECURE = False  # Set to True if using HTTPS

frontend/src/components/detection/video/VideoUploadForm.js

@@ -77,7 +77,7 @@ const VideoUploadForm = ({ handleFileChange, handleSubmit, handleFramesJumpChang
         <Form onSubmit={handleSubmit}>
             <Form.Group controlId="videoFile">
                 <FileInput
-                    label="Upload Video"
+
                     onChange={handleFileInputChange}
                     fileName={fileName}
                     disabled={isLoading}

frontend/src/styles/input/Dropdown.css

+/* src/styles/input/Dropdown.css */
 /* Dropdown.css */
 .dropdown-container {
     position: relative;

frontend/src/styles/input/FileInput.css

+/* src/styles/input/FileInput.css */
 .file-input-container {
     display: flex;
     flex-direction: column;

frontend/src/styles/input/NumberInput.css

+/* src/styles/input/NumberInput.css */
 /* NumberInput.css */
 
 .number-input-container {
     display: flex;
     flex-direction: column;
     align-items: center;
-    margin: 20px 0;
+    margin-bottom: 30px;
     font-family: 'Arial', sans-serif;
     width: 100%;
     max-width: 300px;