Removed watchers count

Removed watchers count as it was not getting fetched correctly
madhurimarawat · Aug 4, 2024 · 81e490b · 81e490b
1 parent 01ee307
commit 81e490b
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 8 deletions.
diff --git a/css/index.css b/css/index.css
@@ -274,13 +274,33 @@ h3 {
     /* Add space between grid items */
 }
 
+/* Styling for updated information */
+.updated {
+    margin-top: 5px;
+    /* Margin above */
+    margin-bottom: 5px;
+    /* Margin below */
+    display: block;
+    /* Ensure it behaves as a block element */
+    width: 100%;
+    /* Ensure it takes the full width of its container */
+    box-sizing: border-box;
+    /* Include padding and border in the element's total width and height */
+}
+
 @media (min-width: 768px) {
 
     /* Adjust breakpoint as needed */
     .repo-actions {
         grid-template-columns: 1fr 1fr;
         /* Two columns for larger screens */
     }
+
+    /* Styling for updated information */
+    .updated {
+        text-align: center;
+        /* Center align text inside the block element */
+    }
 }
 
 /* Media query for smaller devices */
@@ -327,12 +347,6 @@ h3 {
         box-sizing: border-box;
     }
 
-    .repo-actions {
-        display: grid;
-        grid-template-columns: 1fr;
-        gap: 10px;
-    }
-
     .repo-actions p {
         margin: 0;
         /* Removes margin between paragraphs */
@@ -342,6 +356,10 @@ h3 {
         /* Removes padding inside paragraphs */
     }
 
+    .updated {
+        text-align: left;
+    }
+
     .centered-td img {
         display: block;
         margin: 0 auto;

diff --git a/js/index.js b/js/index.js
@@ -219,9 +219,8 @@ function displayRepositories(page) {
                             <p id="commits-${name}">📊 Commits: Fetching...</p>
                             <p id="deployments-${name}">🚀 Deployments: Fetching...</p>
                             <p>🍴 Forks: ${forks_count}</p>
-                            <p>👁️ Watchers: ${watchers_count}</p>
-                            <p>📅 Updated: ${new Date(updated_at).toLocaleDateString()}</p>
                             </div>
+                            <p class = "updated">📅 Updated: ${new Date(updated_at).toLocaleDateString()}</p>
                             <a href="${html_url}" target="_blank" class="btn btn-primary">View on GitHub</a>
                         </div>
                     </div>