From 8e03e40fbf7afc3291fcfc823dd23b0788490e8d Mon Sep 17 00:00:00 2001
From: jedkohjk <jedkoh2001@gmail.com>
Date: Mon, 29 Jul 2024 01:27:22 +0800
Subject: [PATCH] Shift report generation time up

---
 frontend/src/styles/style.scss | 11 +++++------
 frontend/src/views/c-home.vue  | 32 ++++++++++++++++----------------
 2 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/frontend/src/styles/style.scss b/frontend/src/styles/style.scss
index 5cd38a53a7..0a71daae6b 100644
--- a/frontend/src/styles/style.scss
+++ b/frontend/src/styles/style.scss
@@ -170,13 +170,13 @@ header {
   #summary-wrapper {
     height: 100%;
     overflow-y: scroll;
-    text-align: center;
+    text-align: left;
 
-    .timestamp-footer {
-      @include small-font;
+    .timestamp-header {
+      @include mini-font;
       color: mui-color('grey', '700');
-      margin-bottom: 1em;
-      margin-left: 1em;
+      margin-left: 2.4em;
+      margin-top: 1em;
     }
 
     .error-message-box {
@@ -187,7 +187,6 @@ header {
       color: mui-color('red', '900');
       margin-bottom: .9rem;
       padding: .9rem;
-      text-align: left;
 
       &__close-button {
         @include large-font;
diff --git a/frontend/src/views/c-home.vue b/frontend/src/views/c-home.vue
index 662156129e..0f5b63c767 100644
--- a/frontend/src/views/c-home.vue
+++ b/frontend/src/views/c-home.vue
@@ -5,30 +5,30 @@
       template(v-slot:left)
         #summary-wrapper
           c-title(ref="cTitle")
-          c-summary.tab-padding(
-            ref="summary",
-            v-bind:repos="users",
-            v-bind:error-messages="errorMessages"
-          )
-          .timestamp-footer
-            span Generated by&nbsp;
-            a(
-              v-bind:href="getSpecificCommitLink()", target="_blank"
-            )
-              strong this version
-            span &nbsp;of&nbsp;
+          .timestamp-header
+            span Generated on {{ creationDate }}
+            .report-generation-time(style="display: none;")
+              span {{ reportGenerationTime }}
+            span &nbsp;by&nbsp;
             a(
               v-bind:href="getRepoSenseHomeLink()", target="_blank"
             )
               strong RepoSense
-            span &nbsp;(
+            span &nbsp;|&nbsp;
+            a(
+              v-bind:href="getSpecificCommitLink()", target="_blank"
+            )
+              strong Version
+            span &nbsp|&nbsp;
             a(
               v-bind:href="getUserGuideLink()", target ="_blank"
             )
               strong User Guide
-            span ) on {{ creationDate }}
-          .report-generation-time(style="display: none;")
-            span {{ reportGenerationTime }}
+          c-summary.tab-padding(
+            ref="summary",
+            v-bind:repos="users",
+            v-bind:error-messages="errorMessages"
+          )
 
       template(v-slot:right)
         #tabs-wrapper(ref="tabWrapper")