RC-7: add workaround for layout 2 to app-base.css

src/styles/app-base.css

@@ -1,4 +1,3 @@
-
 /**
  * Custom base styles
  */
@@ -27,15 +26,17 @@ body {
   font-size: 14px;
   line-height: 1.4;
   overflow-x: hidden;
-    font-feature-settings: "salt";
+  font-feature-settings: 'salt';
 }
 
-html, body {
+html,
+body {
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-html, body {
+html,
+body {
   display: flex;
   flex-direction: column;
   position: relative;
@@ -47,33 +48,42 @@ html, body {
 
 #root {
   display: flex;
-    flex-direction: column;
   flex: 1 1 auto;
   width: 100%;
   height: 100%;
 }
+/* layout 2 workaround */
+#root:has(> #fuse-main) {
+  flex-direction: column;
+}
 
-h1, .h1 {
+h1,
+.h1 {
   font-size: 24px;
 }
 
-h2, .h2 {
+h2,
+.h2 {
   font-size: 20px;
 }
 
-h3, .h3 {
+h3,
+.h3 {
   font-size: 16px;
 }
 
-h4, .h4 {
+h4,
+.h4 {
   font-size: 15px;
 }
 
-h5, .h5 {
+h5,
+.h5 {
   font-size: 13px;
 }
 
-h6, .h6 {
+h6,
+.h6 {
   font-size: 12px;
 }
 
@@ -82,11 +92,11 @@ h6, .h6 {
   z-index: 99;
 }
 
-a[role=button] {
+a[role='button'] {
   text-decoration: none;
 }
 
-[role="tooltip"] {
+[role='tooltip'] {
   z-index: 9999;
 }
 
@@ -137,10 +147,9 @@ button:focus {
 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
-input:-webkit-autofill:active
-{
-    transitionDelay: 9999s;
-    transitionProperty: background-color, color;
+input:-webkit-autofill:active {
+  transitiondelay: 9999s;
+  transitionproperty: background-color, color;
 }
 
 :focus {