fix: alignment of the documentation page
diff --git a/antora-ui-camel/src/css/doc.css b/antora-ui-camel/src/css/doc.css
index fb13466..f2d28aa 100644
--- a/antora-ui-camel/src/css/doc.css
+++ b/antora-ui-camel/src/css/doc.css
@@ -50,7 +50,6 @@
}
.doc h2:not(.discrete) {
- border-bottom: 1px solid var(--section-divider-color);
margin-top: 1rem;
margin-left: -1rem;
margin-right: -1rem;
@@ -58,6 +57,14 @@
overflow-wrap: break-word;
}
+.doc h2:not(.discrete)::after {
+ content: "";
+ display: block;
+ position: relative;
+ height: 1px;
+ background-color: var(--section-divider-color);
+}
+
.doc h3:not(.discrete) {
font-weight: var(--alt-heading-font-weight);
overflow-wrap: break-word;
diff --git a/antora-ui-camel/src/css/docs.css b/antora-ui-camel/src/css/docs.css
index 056c753..04757d3 100644
--- a/antora-ui-camel/src/css/docs.css
+++ b/antora-ui-camel/src/css/docs.css
@@ -58,7 +58,7 @@
.project .links {
align-items: center;
margin: 1.5rem 0;
- white-space: nowrap;
+ word-break: break-word;
}
@media screen and (max-width: 1023px) {
@@ -69,8 +69,20 @@
}
@media screen and (max-width: 480px) {
+ .camel-project {
+ padding: 0 0 1.5rem 0;
+ }
+
+ .camel-project .camel-documentation .links {
+ padding: 1rem;
+ }
+
+ .docs {
+ padding: 0 0 1.5rem 0;
+ }
+
.docs .project {
- padding: 1rem 0.4rem;
+ padding: 0;
}
}