fix: UI issue on table contents which is overlapping layout on tutori…

…als page. (#72)

* fix: UI issue on table contents which is overlapping layout on docs page.

* WEB-736 - Updated the cookie banner design on tutorials

* build error fix

src/templates/page.jsx

@@ -73,7 +73,7 @@ export default ({ data, pageContext }) => {
                                 </div>
 
                             </main>
-                            <aside className="w-1/5">
+                            <aside className="w-1/5 bg-white">
                                 <hr className="d-block lg:hidden" />
                                 <div className="top-0 top-1 border-l pl-4 py-16 sticky">
                                     <div className="edit-button">

src/templates/page.scss

@@ -660,4 +660,46 @@ code[class*="language-"] {
   @media only screen and (max-width: 767px) {
     @apply px-8; 
   }
+}
+
+table{
+  thead, tbody{
+    @apply w-full;
+    tr{
+      td, th{
+        word-wrap: break-word;
+        li{
+          @apply break-all w-full;
+        }
+      }
+    }
+  }
+}
+
+// Cookie banner
+#hs-banner-parent{
+  .hs-cookie-notification-position-bottom{
+    width: calc(min(25em, 100%));
+    left: 12%;
+    @media only screen and (max-width: 767px) {
+      left: 3%;
+      width: 95%;
+    }
+    @media only screen and (min-width:768px) and (max-width: 1023px) {
+      left: 20%;
+      width: 35%;
+    }
+    #hs-eu-cookie-confirmation-inner{
+      @apply p-8;
+      #hs-eu-policy-wording{
+        @apply mr-0 mb-4;
+      }
+      #hs-eu-cookie-confirmation-buttons-area{
+        @apply justify-center mr-0;
+        #hs-eu-decline-button{
+          @apply hidden;
+        }
+      }
+    }
+  }
 }