fix (connect): cleanup css in connect page

Author: mickael-kerjean

public/assets/css/designsystem_input.css

@@ -16,8 +16,8 @@
   border-bottom: 2px solid rgba(70, 99, 114, 0.1);
   transition: border-color 0.2s ease-out;
 }
-.component_input:focus, .component_select:focus {
-    border-color: var(--emphasis-primary);
+.component_input:focus, .component_select:focus, .component_input:focus ~ component-icon img {
+    border-color: var(--emphasis-primary)!important;
 }
 
 input.component_input[readonly], textarea.component_textarea[readonly] {

public/assets/pages/connectpage/ctrl_form.css

@@ -4,9 +4,6 @@
     box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
     background: white;
 }
-.component_page_connection_form .formbuilder:not(:empty) {
-    margin: 5px 0 10px 0;
-}
 .component_page_connection_form div.buttons {
     display: flex;
     margin: 0px 0px 15px 0px;
@@ -27,15 +24,6 @@
     transition: box-shadow 0.2s;
     box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
 }
-.component_page_connection_form .formBody form .formbuilder {
-    animation-name: PageConnectionFormBody;
-    opacity: 0;
-    animation-duration: 0.25s;
-    animation-fill-mode: forwards;
-}
-.component_page_connection_form form {
-    padding-top: 5px;
-}
 .component_page_connection_form form label {
     font-style: italic;
     font-size: 0.9em;
@@ -49,11 +37,13 @@
 .component_page_connection_form form .advanced_form {
     max-height: 156px;
     margin-top: 5px;
+    margin-bottom: 5px;
     padding-right: 10px;
 }
 .component_page_connection_form form button.emphasis {
     color: white;
     text-transform: uppercase;
+    margin-top: 5px;
 }
 
 .component_page_connection_form form .third-party {