From a31495922086f22f181f604d4aa011d9b72194aa Mon Sep 17 00:00:00 2001
From: Mehmet Kahya <mehmetkahyakas5@gmail.com>
Date: Tue, 14 Jan 2025 23:42:41 +0300
Subject: [PATCH] Refine styles in style.css for improved layout and
responsiveness
- Reduced font size of ASCII art for better visual integration.
- Added styles for a new status LED component to enhance system status visibility.
- Updated header content styles to center align and improve overall presentation with flexbox adjustments.
---
style.css | 22 +++++++++++++++++++++-
1 file changed, 21 insertions(+), 1 deletion(-)
diff --git a/style.css b/style.css
index 3923342..9a85a9e 100644
--- a/style.css
+++ b/style.css
@@ -560,7 +560,7 @@ footer {
}
.ascii-art {
- font-size: 0.5rem;
+ font-size: 0.3rem;
padding: 0;
text-align: left;
position: relative;
@@ -570,6 +570,13 @@ footer {
}
+ .status-led {
+ width: 10px;
+ height: 10px;
+ font-weight: bolder;
+ }
+
+
.email-controls {
grid-template-columns: 1fr;
}
@@ -701,6 +708,19 @@ button i {
.header-content {
position: relative;
z-index: 1;
+ justify-content: center;
+ align-items: center;
+ display: flex;
+ flex-direction: column;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ font-weight: bolder;
+ font-size: 0.8rem;
+ text-align: center;
+ justify-content: center;
+ align-items: center;
}
.header-icons {