v0.33.4

src/admin/web/style.css

@@ -11588,62 +11588,22 @@ html:is([data-corner-style=square], [data-corner-style=subtle], [data-corner-sty
     color: var(--text);
 }
 
+/* Web Services reuse the same full-width live tiles and chart as Vhosts. */
 #panel-web-server .www-service-panel {
-    border-top: 1px solid var(--line);
-    margin-top: 10px;
-    padding-top: 8px;
-}
-
-#panel-web-server .www-service-panel summary {
-    cursor: pointer;
-    color: var(--chart-accent);
-    font-size: 12px;
-}
-
-#panel-web-server .www-service-live {
-    padding: 12px 0 3px;
-}
-
-#panel-web-server .www-service-values {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
-    gap: 10px;
-}
-
-#panel-web-server .www-service-values>div {
-    display: grid;
-    gap: 5px;
     min-width: 0;
+    margin-top: 10px;
 }
 
-#panel-web-server .www-service-values small {
-    color: var(--muted);
-    font: 10px var(--mono);
-}
-
-#panel-web-server .www-service-values strong {
-    font: 500 14px var(--mono);
-    overflow-wrap: anywhere;
-}
-
-#panel-web-server .www-service-live svg {
-    display: block;
-    width: 100%;
-    max-height: 86px;
-    margin: 10px 0 0;
-}
-
-#panel-web-server .www-service-live polyline {
-    fill: none;
-    stroke: var(--chart-accent);
-    stroke-width: 2;
+#panel-web-server .www-service-heading {
+    margin: 0;
+    font-size: 11px;
 }
 
 #panel-web-server .www-service-split {
     color: var(--muted);
     font: 11px var(--mono);
     overflow-wrap: anywhere;
-    margin-top: 4px;
+    margin: 4px 10px 8px;
 }
 
 @media(prefers-reduced-motion:reduce) {