started edlp_search module : displaying a draft of the form

sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css

@@ -1752,7 +1752,7 @@ footer {
       overflow: hidden;
       text-align: center; }
     footer > .wrapper .region-footer-right {
-      width: 12%;
+      min-width: 12%;
       text-align: right; }
   footer nav.block-menu {
     display: inline-block; }
@@ -2026,7 +2026,8 @@ footer {
           width: 350px;
           opacity: 1; }
   footer #block-studiolinkblock {
-    pointer-events: all; }
+    pointer-events: all;
+    margin-left: 0.5em; }
     footer #block-studiolinkblock a {
       display: block;
       width: 20px;
@@ -2116,6 +2117,26 @@ footer {
       height: 200px;
       opacity: 1;
       pointer-events: auto; }
+  footer #block-edlpsearchlinkblock {
+    pointer-events: all;
+    margin-left: 0.5em; }
+    footer #block-edlpsearchlinkblock a {
+      display: block;
+      width: 20px;
+      height: 20px;
+      text-indent: 40px;
+      margin: 0;
+      overflow: hidden;
+      -webkit-mask-image: url(../img/search.svg);
+      mask-image: url(../img/search.svg);
+      -webkit-mask-size: contain;
+      mask-size: contain;
+      background-color: #000;
+      -webkit-transition: background-color 0.3s ease-in-out;
+      transition: background-color 0.3s ease-in-out;
+      cursor: pointer; }
+      footer #block-edlpsearchlinkblock a.is-active {
+        background-color: red; }
 
 .node-popup .inner {
   position: relative; }