header improvement, fix #539

web/themes/custom/edlptheme/assets/styles/app.scss

@@ -71,6 +71,13 @@
 header[role="banner"]{
   pointer-events: all;
   // TODO: what header height to fit well with player ??
+
+  > .wrapper > .region-header > .block{
+    // outline: 1px solid orange;
+  }
+  #audio-player {
+    // outline: 1px solid red;
+  }
 }
 
 #block-edlptheme-branding{
@@ -885,6 +892,13 @@ main[role="main"]{
   // background-color: white;
   height:100%;
   min-width:700px;
+  width: calc(100% - 460px);
+  // width: calc(100% - 950px);
+  @media only screen and (max-width: 1270px) {
+    width: calc(100% - 180px);
+
+
+  }
   z-index: 20;
   opacity: 0;
   pointer-events: none;
@@ -953,11 +967,13 @@ main[role="main"]{
     height:100%;
   }
   .cartel{
+    // outline: 1px solid green;
+    vertical-align: top;
     position: relative;
+    margin-top: 0.5em;
+    margin-left: 1em;
     // min-width: 200px;
     width: calc(100% - 260px);
-    // outline: 1px solid orange;
-    margin-left: 1em;
     // background-color: white;
     opacity: 1;
     transition: opacity 0.5s ease-in-out;
@@ -984,12 +1000,12 @@ main[role="main"]{
         }
         h2.node-title{
           margin:0.2em 0 0;
-          font-size: 0.9em;
+          font-size: 1em;
           font-weight: 600;
         }
         p{
           margin:0;
-          font-size: 0.756em;
+          font-size: 0.882em;
         }
       }
       .second-cartel{