finetune tabe and font sizes

This commit is contained in:
Andreas Wrede
2026-05-14 06:29:00 -04:00
parent 610ad0af30
commit 2b9523ec28
7 changed files with 21 additions and 21 deletions
+1 -1
View File
@@ -185,7 +185,7 @@
/* Slightly larger tap targets in tables */ /* Slightly larger tap targets in tables */
#ntable td, #ntable th { #ntable td, #ntable th {
padding: 4px 6px !important; padding: 4px 6px !important;
font-size: 0.82em !important; font-size: 1.00em !important;
} }
/* Cards on plugin/alerts pages */ /* Cards on plugin/alerts pages */
+1 -1
View File
@@ -74,7 +74,7 @@
background: #e8f0fe; background: #e8f0fe;
color: #1a73e8; color: #1a73e8;
border-radius: 12px; border-radius: 12px;
font-size: 0.85em; font-size: 1.00em;
font-weight: 600; font-weight: 600;
font-family: monospace; font-family: monospace;
} }
+4 -4
View File
@@ -55,7 +55,7 @@
.summary-label { .summary-label {
color: #666; color: #666;
font-size: 0.85em; font-size: 1.00em;
} }
.filters { .filters {
@@ -221,7 +221,7 @@
.alert-duration { .alert-duration {
color: #999; color: #999;
font-size: 0.85em; font-size: 1.00em;
} }
.alert-actions { .alert-actions {
@@ -238,7 +238,7 @@
border: none; border: none;
border-radius: 4px; border-radius: 4px;
cursor: pointer; cursor: pointer;
font-size: 0.85em; font-size: 1.00em;
transition: all 0.2s; transition: all 0.2s;
white-space: nowrap; white-space: nowrap;
} }
@@ -293,7 +293,7 @@
.refresh-info { .refresh-info {
text-align: center; text-align: center;
color: #999; color: #999;
font-size: 0.85em; font-size: 1.00em;
margin-top: 20px; margin-top: 20px;
padding-top: 20px; padding-top: 20px;
border-top: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;
+2 -2
View File
@@ -179,7 +179,7 @@
/* Message styling */ /* Message styling */
#messages { #messages {
font-size: 0.85em; font-size: 1.00em;
line-height: 1.0; line-height: 1.0;
} }
@@ -232,7 +232,7 @@
padding: 3px 7px; padding: 3px 7px;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
font-size: 0.85em; font-size: 1.00em;
color: #333; color: #333;
} }
+7 -7
View File
@@ -218,7 +218,7 @@
.plugin-label { .plugin-label {
font-weight: 600; font-weight: 600;
font-size: 0.85em; font-size: 1.00em;
color: #444; color: #444;
min-width: 140px; min-width: 140px;
} }
@@ -238,7 +238,7 @@
.data-table { .data-table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
font-size: 0.85em; font-size: 1.00em;
background: #fff; background: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.08); box-shadow: 0 1px 3px rgba(0,0,0,0.08);
border-radius: 4px; border-radius: 4px;
@@ -261,7 +261,7 @@
.data-table th.center { text-align: center; } .data-table th.center { text-align: center; }
.data-table td { .data-table td {
padding: 6px 10px; /* padding: 6px 10px; */
border-top: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8;
color: #333; color: #333;
} }
@@ -369,7 +369,7 @@
text-align: center; text-align: center;
padding: 12px; padding: 12px;
color: #aaa; color: #aaa;
font-size: 0.85em; font-size: 1.00em;
} }
.error { .error {
@@ -379,7 +379,7 @@
margin: 8px 0; margin: 8px 0;
border-radius: 3px; border-radius: 3px;
color: #c62828; color: #c62828;
font-size: 0.85em; font-size: 1.00em;
} }
/* ── Scrollbar ──────────────────────────────────────────────── */ /* ── Scrollbar ──────────────────────────────────────────────── */
@@ -394,7 +394,7 @@
padding: 12px 16px; padding: 12px 16px;
background: #fafafa; background: #fafafa;
border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
font-size: 0.85em; font-size: 1.00em;
} }
.info-meta { .info-meta {
display: grid; display: grid;
@@ -411,7 +411,7 @@
} }
.info-note { color: #888; font-style: italic; } .info-note { color: #888; font-style: italic; }
.info-loading { color: #bbb; font-style: italic; } .info-loading { color: #bbb; font-style: italic; }
.threshold-covers { font-size: 0.85em; color: #777; font-style: italic; } .threshold-covers { font-size: 1.00em; color: #777; font-style: italic; }
</style> </style>
<body> <body>
+2 -2
View File
@@ -96,7 +96,7 @@
border-radius: 4px; border-radius: 4px;
background: #f44336; background: #f44336;
color: #fff; color: #fff;
font-size: 0.85em; font-size: 1.00em;
font-weight: 500; font-weight: 500;
text-decoration: none; text-decoration: none;
transition: background 0.15s; transition: background 0.15s;
@@ -157,7 +157,7 @@
gap: 6px; gap: 6px;
padding: 4px 12px; padding: 4px 12px;
border-radius: 16px; border-radius: 16px;
font-size: 0.85em; font-size: 1.00em;
font-weight: 500; font-weight: 500;
text-decoration: none; text-decoration: none;
} }
+4 -4
View File
@@ -31,7 +31,7 @@
padding: 6px 10px; padding: 6px 10px;
border-radius: 4px; border-radius: 4px;
text-decoration: none; text-decoration: none;
font-size: 0.85em; font-size: 1.00em;
color: #444; color: #444;
margin-bottom: 2px; margin-bottom: 2px;
transition: background 0.1s, color 0.1s; transition: background 0.1s, color 0.1s;
@@ -199,7 +199,7 @@
.channel-field { .channel-field {
display: flex; display: flex;
padding: 5px 14px; padding: 5px 14px;
font-size: 0.85em; font-size: 1.00em;
border-bottom: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5;
gap: 12px; gap: 12px;
} }
@@ -350,7 +350,7 @@
.yaml-editor:focus { border-color: #0066cc; outline: none; } .yaml-editor:focus { border-color: #0066cc; outline: none; }
/* ---- Button styles ---- */ /* ---- Button styles ---- */
.btn { border: none; border-radius: 4px; padding: 5px 12px; font-size: 0.85em; cursor: pointer; } .btn { border: none; border-radius: 4px; padding: 5px 12px; font-size: 1.00em; cursor: pointer; }
.btn-primary { background: #0066cc; color: #fff; } .btn-primary { background: #0066cc; color: #fff; }
.btn-primary:hover { background: #0055aa; } .btn-primary:hover { background: #0055aa; }
.btn-success { background: #2a7a2a; color: #fff; } .btn-success { background: #2a7a2a; color: #fff; }
@@ -440,7 +440,7 @@
} }
.mpick-col:first-child { border-right: 1px solid #eee; } .mpick-col:first-child { border-right: 1px solid #eee; }
.mpick-item { .mpick-item {
padding: 5px 10px; font-size: 0.85em; cursor: pointer; padding: 5px 10px; font-size: 1.00em; cursor: pointer;
display: flex; align-items: center; justify-content: space-between; display: flex; align-items: center; justify-content: space-between;
border-bottom: 1px solid #f8f8f8; gap: 4px; border-bottom: 1px solid #f8f8f8; gap: 4px;
} }