[camel-website] branch master updated: fix: alignment of the documentation page

[zr...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

zregvart pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 10febe1  fix: alignment of the documentation page
10febe1 is described below

commit 10febe17ef595cb2dbce91a750df1480304b8d09
Author: Aemie Jariwala <44...@users.noreply.github.com>
AuthorDate: Mon Jul 13 15:47:37 2020 +0530

    fix: alignment of the documentation page
---
 antora-ui-camel/src/css/doc.css  |  9 ++++++++-
 antora-ui-camel/src/css/docs.css | 16 ++++++++++++++--
 2 files changed, 22 insertions(+), 3 deletions(-)

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;
   }
 }