Added error message field to the subscription form

fixes ENG-17

Author: minimaluminium

assets/built/screen.css

@@ -238,7 +238,6 @@ a:hover {
     display: flex;
     align-items: center;
     position: relative;
-    overflow: hidden;
     max-width: 560px;
     width: 100%;
     height: 56px;
@@ -365,6 +364,15 @@ button.gh-form-input {
     display: block;
 }
 
+.gh-form [data-members-error] {
+    position: absolute;
+    top: 100%;
+    margin-top: 10px;
+    width: 100%;
+    font-size: 1.4rem;
+    line-height: 1.4;
+}
+
 @media (max-width: 576px) {
     .gh-form {
         font-size: 1.6rem;
@@ -1023,7 +1031,6 @@ Search                         LOGO                    Login Subscribe
 .gh-header-inner {
     position: relative;
     overflow: hidden;
-    padding-bottom: 1px;
 }
 
 /* 8.1. Magazine layout */
@@ -1390,6 +1397,7 @@ Search                         LOGO                    Login Subscribe
     flex-direction: column;
     align-items: center;
     gap: 48px;
+    overflow: unset;
     margin: auto;
     max-width: 1020px;
     text-align: center;

assets/built/screen.css.map

@@ -5,4 +5,5 @@
         {{> "icons/loader"}}
         {{> "icons/checkmark"}}
     </button>
+    <p data-members-error></p>
 </form>