diff --git a/layouts/shortcodes/details.html b/layouts/shortcodes/details.html
index 6d1da38..94e497d 100644
--- a/layouts/shortcodes/details.html
+++ b/layouts/shortcodes/details.html
@@ -1,3 +1,3 @@
-{{ .Get "title" }}
+{{ .Get "title" }}
{{ .Inner }}
diff --git a/static/css/style.css b/static/css/style.css
index 675a70c..fabc4e8 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -488,10 +488,7 @@ a:focus {
/******************* Article Figure *******************/
.article-body figure {
margin: 1em 0;
- /*display: table;*/
- width: max-content;
- max-width: 100%;
- overflow: auto;
+ display: table;
}
.article-body figure picture,
.article-body figure figcaption {
@@ -528,8 +525,6 @@ a:focus {
}
.article-body figure.border figcaption {
background-color: var(--background-color-light);
- min-width: 100%;
- display: inline-block;
}
.article-body figure>a {
display: block;
@@ -562,8 +557,7 @@ a:focus {
border: 3px solid var(--background-color-light);
min-width: 100%;
}
-.article-body .tabular td,
-.article-body .tabular th {
+.article-body .tabular td {
padding: 0 0.4rem;
}
.article-body .tabular th {
@@ -600,20 +594,15 @@ pre {
padding: 0.3rem;
margin-top: 0.5rem;
background: repeating-linear-gradient(28deg, #1C1C1C, #1C1C1C 20px, #121212 20px, #121212 40px);
- overflow: auto;
}
:not(pre)>code, :not(details)>code {
font-size: 1rem;
color: var(--font-color-em);
- word-break: break-word;
-}
-.allowbreak code {
- word-break: break-word;
}
/******************* Article Details *******************/
details{
- overflow: auto;
+ overflow: scroll;
}
details[open] {
outline: 1px solid white;