diff --git a/Src/service-status.php b/Src/service-status.php
index 426e5fc..88923ab 100644
--- a/Src/service-status.php
+++ b/Src/service-status.php
@@ -54,10 +54,39 @@
font-weight: bold;
}
+ /* Badges section */
.badges {
- text-align: center;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ gap: 15px; /* Adjust the space between badges */
margin: 20px 0;
}
+
+ /* For each individual badge */
+ .badges a {
+ display: block;
+ }
+
+ .badges img {
+ max-width: 100%;
+ height: auto;
+ margin: 5px;
+ transition: transform 0.3s ease;
+ }
+
+ .badges img:hover {
+ transform: scale(1.1); /* Optional: adds a hover effect for interactivity */
+ }
+
+ /* Ensure responsiveness of badges on small screens */
+ @media (max-width: 768px) {
+ .badges {
+ justify-content: flex-start;
+ gap: 10px;
+ }
+ }
+
@@ -74,28 +103,26 @@
Welcome to the GStraccini-bot Service Status page. Below, you can find real-time updates about our system's health and service availability.
-
-
- 
-
-
- 
-
-
- 
-
-
- 
- 
- 
- 
- 
- 
- 
-
+