(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/create-doctor-user/components/create-doctor-user-form/create-doctor-user-form.component.html

-<div dir="rtl" class="mt-5 mb-5 custom-form">
+<div class="cutom-child" dir="rtl">
+    <section class="section">
+        <div dir="rtl" class="mb-5 custom-form">
     
             <!-- #region Title-->
-
-    <div class="text-center custom-title mb-4">
+            <div class="text-center custom-form-title mb-4">
                 <h3 style="font-weight: 800;">إضافة طبيب</h3>
             </div>
         
@@ -269,4 +270,6 @@
                 <!-- #endregion -->
             
             </form>
+        </div>
+    </section>
 </div>
\ No newline at end of file

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;
+}
+