diff --git a/assets/styles/development.css b/assets/styles/development.css index 318bdb2..0f5d251 100644 --- a/assets/styles/development.css +++ b/assets/styles/development.css @@ -1,10 +1,9 @@ -/* development.css - * Some styles for development UI. - * Eryn Wells - */ +/* Eryn Wells */ details:has(.photo-params.debug) { - margin-block-end: var(--body-item-spacing); + margin-inline: var(--body-item-spacing); + max-width: var(--content-width); + width: 100%; } .draft { @@ -73,6 +72,26 @@ details:has(.photo-params.debug) { background-color: var(--separator-color); } -.photo-params.debug { - width: 100%; +.photos-params.debug { + width: calc(100% - var(--body-item-spacing)); +} + +.photo-params.debug > thead { + font-size: 2rem; + font-weight: bold; + border-bottom: 2px solid rgb(var(--dk-gray)); +} + +.photo-params.debug > tbody > tr > td { + border: 1px solid var(--photo-params-border-color); + vertical-align: top; +} + +.photo-params.debug > tbody > tr > td:first-of-type { + width: max-content; +} + +.photo-params.debug > tbody > tr > td:last-of-type { + word-wrap: anywhere; + overflow: scroll; } diff --git a/assets/styles/photos.css b/assets/styles/photos.css index 10ca6b8..8a92724 100644 --- a/assets/styles/photos.css +++ b/assets/styles/photos.css @@ -159,18 +159,3 @@ border-right: 0; } -.photo-params.debug thead { - font-size: 2rem; - font-weight: bold; - border-bottom: 2px solid rgb(var(--dk-gray)); -} - -.photo-params.debug { - width: 100%; -} - -.photo-params.debug td { - border: 1px solid var(--photo-params-border-color); - overflow: scroll; - vertical-align: top; -}