diff --git a/css/index.css b/css/index.css index 585fe73..2fa2df3 100644 --- a/css/index.css +++ b/css/index.css @@ -274,6 +274,20 @@ 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 */ @@ -281,6 +295,12 @@ h3 { 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 index d8e12a0..31578c9 100644 --- a/js/index.js +++ b/js/index.js @@ -219,9 +219,8 @@ function displayRepositories(page) {

📊 Commits: Fetching...

🚀 Deployments: Fetching...

🍴 Forks: ${forks_count}

-

👁️ Watchers: ${watchers_count}

-

📅 Updated: ${new Date(updated_at).toLocaleDateString()}

+

📅 Updated: ${new Date(updated_at).toLocaleDateString()}

View on GitHub