Migration fixed

backend/Migrations/001_initial.up.sql

@@ -171,15 +171,15 @@ VALUES
         'awaismadad12@gmail.com',
         '$2a$10$RoehRLxjbt1jHUT2j9Gihu6QYeRRa3xuycKs0GGDxpEb3dJFzo6ga',
         'female',
-        'Awais Madad',
+        'Awais Madad 2',
         '1995-03-15',
         'tutor'
     ),
     (
-        'awaismadad@gmail.com',
+        'awaismadad123@gmail.com',
         '$2a$10$RoehRLxjbt1jHUT2j9Gihu6QYeRRa3xuycKs0GGDxpEb3dJFzo6ga',
         'female',
-        'Awais Madad',
+        'Awais Madad 3',
         '1995-03-15',
         'tutor'
     );

frontend/src/Components/TeacherDashboard/ContentArea/Settings/Settings.css

@@ -1,91 +1,85 @@
 .profile-settings {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  .profile-settings-left {
-    flex: 1;
-    padding: 20px;
-    margin-left: 50px;
-  }
-
-  .profile-settings-left h2 {
-    margin-bottom: 1rem;
-  }
-
-  .form-group {
-    margin-bottom: 1.5rem;
-  }
-
-  .form-group label {
-    display: block;
-    margin-bottom: 0.5rem;
-  }
-
-  .form-group input {
-    width: 100%;
-    padding: 0.5rem;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-  }
-
-  .update-btn {
-    padding: 0.5rem 1rem;
-    background-color: #007bff;
-    color: #fff;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-  }
-  .upload-button {
-    display: inline-block;
-    padding: 0.5rem 1rem;
-    background-color: #007bff;
-    color: #fff;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-  }
-
-  .file-input {
-    display: none;
-  }
-  .profile-settings-right {
-    flex: 1;
-    padding: 20px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-  }
-
-  .profile-photo {
-    width: 200px;
-    height: 200px;
-    border-radius: 50%;
-    background-color: #ccc;
-    margin-bottom: 20px;
-    overflow: hidden;
-  }
-
-  .profile-photo img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-  }
-
-  .photo-upload {
-    margin-top: 1rem;
-    text-align: center;
-  }
-
-  .photo-upload label {
-    display: inline-block;
-    padding: 0.5rem 1rem;
-    background-color: #007bff;
-    color: #fff;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    width: 150px; /* Adjust the width as needed */
-    text-align: center;
-  }
+  display: flex;
+  background-color: #ffffff;
+  border-radius: 10px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  margin: 0 auto;
+}
+.field{
+  text-align: left;
+}
+.profile-settings-left {
+  flex: 1;
+  padding: 30px;
+}
+
+.profile-settings-right {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 30px;
+  background-color: #f5f5f5;
+  border-right: 1px solid #e0e0e0;
+}
+
+.profile-photo-img {
+  width: 150px;
+  height: 150px;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.upload-button {
+  cursor: pointer;
+  padding: 10px 15px;
+  background-color: #007bff;
+  color: #ffffff;
+  border: none;
+  border-radius: 5px;
+  transition: background-color 0.3s ease;
+}
+
+.upload-button:hover {
+  background-color: #0056b3;
+}
+
+.file-input {
+  display: none;
+}
+
+.form-group {
+  margin-bottom: 40px;
+  width: 70%;;
+}
+
+.form-input {
+  width: calc(100% );
+  padding: 10px;
+  border: 1px solid #e0e0e0;
+  border-radius: 5px;
+}
+
+.update-btn,
+.edit-btn {
+  background-color: #007bff;
+  color: #ffffff;
+  border: none;
+  padding: 10px 15px;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+.update-btn:hover,
+.edit-btn:hover {
+  background-color: #0056b3;
+}
+
+.profile-settings-left h2 {
+  margin-bottom: 20px;
+  font-size: 1.5em;
+  color: #333;
+}