(F) Edit layout in admin pages

Clinics.Frontend/src/app/usecases/admin/create-doctor-user/components/create-doctor-user-form/create-doctor-user-form.component.css

@@ -25,7 +25,7 @@
 
 /* #region Form card*/
 .custom-form {
-    width: 50%;
+    width: 60%;
     margin: auto;
     padding: 1em;
     border: 1px solid var(--accent-color);
@@ -34,7 +34,7 @@
 /* #endregion */
 
 /* #region Title*/
-.custom-form .custom-title h3 {
+.custom-form .custom-form-title h3 {
     width: 50%;
     margin: auto;
     padding: 0.5em;

Clinics.Frontend/src/app/usecases/admin/list-doctor-users/components/doctor-users/doctor-users.component.css

 /* #region custom*/
-.custom-title {
-    width: 35%;
-    padding-bottom: 0.3em;
-    border-bottom: 1px solid var(--accent-color);
-    color: var(--heading-color);
-}
-
-.custom-title h2 {
-    font-weight: 700;
-}
-
 .custom-create-button button:hover {
     font-weight: 900;
     background-color: inherit;

Clinics.Frontend/src/app/usecases/admin/shared/admin-dashboard/admin-dashboard.component.css

+::ng-deep .custom-title {
+    width: fit-content;
+    padding-bottom: 0.3em;
+    border-bottom: 2px solid var(--accent-color);
+    color: var(--heading-color);
+}
+
+::ng-deep .custom-title h2 {
+    font-weight: 700;
+}
+