From 4f5f91f703a9c09bd82dc7ae79f075b5b3b89aae Mon Sep 17 00:00:00 2001 From: Malcolm Morris-Pence Date: Thu, 30 May 2024 16:39:04 -0700 Subject: [PATCH] Fix material database layout Using h5 instead of heading applies styles correctly --- src/styles/material-database.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/styles/material-database.css b/src/styles/material-database.css index 15e01bd0..402b0c12 100644 --- a/src/styles/material-database.css +++ b/src/styles/material-database.css @@ -20,15 +20,15 @@ .details {margin-top: 2px; margin-left: 10px} .details .handler {display:flex; flex-direction: row; align-items: center; flex-grow:2} .details .handler > * {flex-grow:1} -.details heading button {margin-left: 5px} -.details heading {display:flex;margin:0} -.details heading .summary { display:flex; flex-grow:1} -.details heading .summary small {margin-left: 1em} +.details h5 button {margin-left: 5px} +.details h5 {display:flex;margin:0} +.details h5 .summary { display:flex; flex-grow:1} +.details h5 .summary small {margin-left: 1em} -.details heading .summary > * {margin-top:0} -.details:hover heading {background: rgba(0, 126, 255, 0.08); border-radius: 5px} +.details h5 .summary > * {margin-top:0} +.details:hover h5 {background: rgba(0, 126, 255, 0.08); border-radius: 5px} -.materialPicker > section > heading {display:flex; flex-direction: row; align-items: center; border-bottom: 1px solid #eee; } +.materialPicker > section > h5 {display:flex; flex-direction: row; align-items: center; border-bottom: 1px solid #eee; } .materialPicker table {font-size: 0.8em; margin-left: 1.2em; width: 98%; margin-top:0.5em} .materialPicker table td, .materialPicker table th {padding: 2px !important}