ERM-3182 Scrolling content in license view pane can overlap header (#726

)

* adjust .licenseHeader class
* fix also text shadow above sticky header

src/components/viewSections/LicenseHeader/LicenseHeader.css

@@ -9,14 +9,14 @@
   /* AccordionHeaders and other elements that use a
      `interactionStyles` class have a z-index of 1 which
      would render them above this floaty. */
-  z-index: 2;
+  z-index: 4;
 
   /* As content scrolls behind this div and then /above/ it, it
      will be visible due to the padding in ContentPane.
      Add a box-shadow in the same colour as the background and
      with the same size as said ContentPane padding to hide it.
      Additionally, add a margin-bottom on this div to prevent
      hiding any content below it. */
-  box-shadow: 0 0 0 var(--gutter) var(--bg);
-  margin-bottom: var(--gutter);
+  box-shadow: 0 0 0 calc(var(--gutter) * 2) var(--bg);
+  margin-bottom: calc(var(--gutter) * 2);
 }