[myfaces-tobago] 01/02: fix(theme): section header

[hn...@apache.org]

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

hnoeth pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git

commit 053984cc37bf243a401497da193e46bdfa1dd028
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Fri Mar 26 13:45:04 2021 +0100

    fix(theme): section header
    
    * the title was right aligned if an icon was set
    * the content of the bar facet was displayed under the title
---
 tobago-theme/src/main/scss/_tobago.scss | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/tobago-theme/src/main/scss/_tobago.scss b/tobago-theme/src/main/scss/_tobago.scss
index 66a72db..496aa57 100644
--- a/tobago-theme/src/main/scss/_tobago.scss
+++ b/tobago-theme/src/main/scss/_tobago.scss
@@ -891,16 +891,19 @@ label.tobago-required:after {
 }
 
 /* section ----------------------------------------------------------- */
-tobago-section > .tobago-header > {
-  h1, h2, h3, h4, h5, h6 {
-    > .fa:first-child, > img {
-      /* to separate the icon from the rest of the title */
-      margin-right: 0.7em;
-    }
+tobago-section > .tobago-header {
+  display: flex;
+
+  > {
+    h1, h2, h3, h4, h5, h6 {
+      /* because the parent is flex, auto margin moves components like tc:buttons to the right */
+      margin-right: auto;
 
-    display: flex;
-    justify-content: space-between;
-    align-content: center;
+      > .fa:first-child, > img {
+        /* to separate the icon from the rest of the title */
+        margin-right: 0.7em;
+      }
+    }
   }
 }