From b8da8f22c2bbd070584b1f68419c34463f5d1c61 Mon Sep 17 00:00:00 2001
From: Yagnik <yagnikhingrajiya56@gmail.com>
Date: Wed, 1 May 2024 16:37:29 +0530
Subject: [PATCH 1/2] schedule date not visible in experiment details page
 issue resolved

---
 .../home/pages/view-experiment/view-experiment.component.html  | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.html b/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.html
index 6fe182386b..c2ab28fc3a 100644
--- a/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.html
+++ b/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.html
@@ -137,6 +137,9 @@
                     <span class="ft-18-700 section-data-value">{{ experiment.state | experimentState }}</span>
                   </ng-template>
                 </div>
+                <span class="experiment-schedule ft-10-400" *ngIf="experiment.state === ExperimentState.SCHEDULED && experiment.startOn !== null">
+                  {{ '(' + (experiment.startOn | date: 'MMM d, y h:mm a') + ')' }}
+                </span>
               </div>
 
               <!-- Experiment post experiment rule -->

From 5c7b54cc47519bec3c3bdf1dcc7a67c37be71fa3 Mon Sep 17 00:00:00 2001
From: Yagnik <yagnikhingrajiya56@gmail.com>
Date: Wed, 1 May 2024 18:09:47 +0530
Subject: [PATCH 2/2] improve font size and color

---
 .../view-experiment/view-experiment.component.html     | 10 +++++++---
 .../view-experiment/view-experiment.component.scss     |  4 ++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.html b/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.html
index c2ab28fc3a..4aaf599664 100644
--- a/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.html
+++ b/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.html
@@ -137,9 +137,13 @@
                     <span class="ft-18-700 section-data-value">{{ experiment.state | experimentState }}</span>
                   </ng-template>
                 </div>
-                <span class="experiment-schedule ft-10-400" *ngIf="experiment.state === ExperimentState.SCHEDULED && experiment.startOn !== null">
-                  {{ '(' + (experiment.startOn | date: 'MMM d, y h:mm a') + ')' }}
-                </span>
+                <div class="section-data-schedule-date">
+                  <ng-container *ngIf="experiment.state === ExperimentState.SCHEDULED && experiment.startOn !== null">
+                    <span class="ft-12-600">
+                      {{ '(' + (experiment.startOn | date: 'MMM d, y h:mm a') + ')' }}
+                    </span>
+                  </ng-container>
+                </div>
               </div>
 
               <!-- Experiment post experiment rule -->
diff --git a/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.scss b/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.scss
index c34bc88e35..cd5b6c610b 100644
--- a/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.scss
+++ b/frontend/projects/upgrade/src/app/features/dashboard/home/pages/view-experiment/view-experiment.component.scss
@@ -151,6 +151,10 @@ $font-size-small: 15px;
               }
             }
 
+            &-schedule-date {
+              color: var(--grey-3);
+            }
+
             &.end-criteria-container {
               .end-criteria-underline {
                 &--blue {