Fix start task form (#2356)

ng2-components/ng2-activiti-form/src/components/widgets/error/error.component.scss

@@ -1,8 +1,10 @@
+
+
 .adf-error-text-container {
-    margin-top: -14px !important;
-    position: relative;
-    width: 100%;
-}
+    position: absolute;
+    width: 81%;
+    height: 20px;
+    margin-top: 30px; }
 
 .adf-error-text{
     width: 85%;

ng2-components/ng2-activiti-tasklist/src/components/start-task.component.html

@@ -43,7 +43,7 @@
             </md-grid-tile>
             <md-grid-tile>
                 <md-select placeholder="{{'START_TASK.FORM.LABEL.ASSIGNEE'|translate}}" id="assignee_id"
-                           class="adf-start-task-input-container" [(ngModel)]="assigneeId">
+                           class="adf-start-task-input-container adf-md-select" [(ngModel)]="assigneeId">
                     <md-option>{{'START_TASK.FORM.LABEL.NONE'|translate}}</md-option>
 					<span *ngFor="let user of people">
 						<md-option [value]="user.id" *ngIf="!isUserNameEmpty(user)">{{ getDisplayUser(user.firstName,

ng2-components/ng2-activiti-tasklist/src/components/start-task.component.scss

@@ -39,8 +39,16 @@
         width: 90%;
     }
 
+    .adf-md-select {
+        padding-top: 0px;
+    }
+
     .adf {
 
+        &-start-task-input-container .mat-input-wrapper {
+            padding-top: 8px;
+        }
+
         &-error-text-container {
             position: absolute;
             width: 81%;

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-orange.css

@@ -18,6 +18,23 @@
  * autocomplete components.
  */
 /* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
 .mat-h1, .mat-headline, .mat-typography h1 {
   font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 16px; }
@@ -2411,6 +2428,12 @@ container-widget .mat-grid-tile {
 .adf-new-task-text-width {
   width: 90%; }
 
+.adf-md-select {
+  padding-top: 0px; }
+
+.adf-start-task-input-container .mat-input-wrapper {
+  padding-top: 8px; }
+
 .adf-error-text-container {
   position: absolute;
   width: 81%;
@@ -3467,20 +3490,26 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-form {
   overflow: hidden; }
 
-.adf-active-search, .adf-valid-search {
-  display: block; }
+.adf--search-result-container {
+  z-index: 5; }
 
 .adf-search-result {
+  min-width: 112px;
+  max-width: 280px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  transform-origin: top left;
   position: absolute;
   z-index: 5;
-  display: none;
   color: rgba(0, 0, 0, 0.87);
   background-color: white;
-  margin: -21px 0px 0px 0px;
-  border: 1px solid #2196f3;
+  margin: -21px 0 0 0;
+  border-radius: 2px;
   border-collapse: collapse;
   white-space: nowrap;
   font-size: 14px; }
+  .adf-search-result:not([class*='mat-elevation-z']) {
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
   .adf-search-result a {
     color: rgba(0, 0, 0, 0.87);
     text-decoration: none; }
@@ -3510,6 +3539,3 @@ adf-file-uploading-list-row:not(:first-child) {
       right: 0; }
     .adf-search-result .truncate {
       width: 200px; } }
-
-.adf-valid-search .adf-search-result {
-  display: block; }

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-blue-purple.css

@@ -18,6 +18,23 @@
  * autocomplete components.
  */
 /* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
 .mat-h1, .mat-headline, .mat-typography h1 {
   font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 16px; }
@@ -2411,6 +2428,12 @@ container-widget .mat-grid-tile {
 .adf-new-task-text-width {
   width: 90%; }
 
+.adf-md-select {
+  padding-top: 0px; }
+
+.adf-start-task-input-container .mat-input-wrapper {
+  padding-top: 8px; }
+
 .adf-error-text-container {
   position: absolute;
   width: 81%;
@@ -3467,20 +3490,26 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-form {
   overflow: hidden; }
 
-.adf-active-search, .adf-valid-search {
-  display: block; }
+.adf--search-result-container {
+  z-index: 5; }
 
 .adf-search-result {
+  min-width: 112px;
+  max-width: 280px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  transform-origin: top left;
   position: absolute;
   z-index: 5;
-  display: none;
   color: rgba(0, 0, 0, 0.87);
   background-color: white;
-  margin: -21px 0px 0px 0px;
-  border: 1px solid #2196f3;
+  margin: -21px 0 0 0;
+  border-radius: 2px;
   border-collapse: collapse;
   white-space: nowrap;
   font-size: 14px; }
+  .adf-search-result:not([class*='mat-elevation-z']) {
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
   .adf-search-result a {
     color: rgba(0, 0, 0, 0.87);
     text-decoration: none; }
@@ -3510,6 +3539,3 @@ adf-file-uploading-list-row:not(:first-child) {
       right: 0; }
     .adf-search-result .truncate {
       width: 200px; } }
-
-.adf-valid-search .adf-search-result {
-  display: block; }

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-orange.css

@@ -18,6 +18,23 @@
  * autocomplete components.
  */
 /* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
 .mat-h1, .mat-headline, .mat-typography h1 {
   font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 16px; }
@@ -2411,6 +2428,12 @@ container-widget .mat-grid-tile {
 .adf-new-task-text-width {
   width: 90%; }
 
+.adf-md-select {
+  padding-top: 0px; }
+
+.adf-start-task-input-container .mat-input-wrapper {
+  padding-top: 8px; }
+
 .adf-error-text-container {
   position: absolute;
   width: 81%;
@@ -3467,20 +3490,26 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-form {
   overflow: hidden; }
 
-.adf-active-search, .adf-valid-search {
-  display: block; }
+.adf--search-result-container {
+  z-index: 5; }
 
 .adf-search-result {
+  min-width: 112px;
+  max-width: 280px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  transform-origin: top left;
   position: absolute;
   z-index: 5;
-  display: none;
   color: rgba(0, 0, 0, 0.87);
   background-color: white;
-  margin: -21px 0px 0px 0px;
-  border: 1px solid #00bcd4;
+  margin: -21px 0 0 0;
+  border-radius: 2px;
   border-collapse: collapse;
   white-space: nowrap;
   font-size: 14px; }
+  .adf-search-result:not([class*='mat-elevation-z']) {
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
   .adf-search-result a {
     color: rgba(0, 0, 0, 0.87);
     text-decoration: none; }
@@ -3510,6 +3539,3 @@ adf-file-uploading-list-row:not(:first-child) {
       right: 0; }
     .adf-search-result .truncate {
       width: 200px; } }
-
-.adf-valid-search .adf-search-result {
-  display: block; }

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-cyan-purple.css

@@ -18,6 +18,23 @@
  * autocomplete components.
  */
 /* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
 .mat-h1, .mat-headline, .mat-typography h1 {
   font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 16px; }
@@ -2411,6 +2428,12 @@ container-widget .mat-grid-tile {
 .adf-new-task-text-width {
   width: 90%; }
 
+.adf-md-select {
+  padding-top: 0px; }
+
+.adf-start-task-input-container .mat-input-wrapper {
+  padding-top: 8px; }
+
 .adf-error-text-container {
   position: absolute;
   width: 81%;
@@ -3467,20 +3490,26 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-form {
   overflow: hidden; }
 
-.adf-active-search, .adf-valid-search {
-  display: block; }
+.adf--search-result-container {
+  z-index: 5; }
 
 .adf-search-result {
+  min-width: 112px;
+  max-width: 280px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  transform-origin: top left;
   position: absolute;
   z-index: 5;
-  display: none;
   color: rgba(0, 0, 0, 0.87);
   background-color: white;
-  margin: -21px 0px 0px 0px;
-  border: 1px solid #00bcd4;
+  margin: -21px 0 0 0;
+  border-radius: 2px;
   border-collapse: collapse;
   white-space: nowrap;
   font-size: 14px; }
+  .adf-search-result:not([class*='mat-elevation-z']) {
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
   .adf-search-result a {
     color: rgba(0, 0, 0, 0.87);
     text-decoration: none; }
@@ -3510,6 +3539,3 @@ adf-file-uploading-list-row:not(:first-child) {
       right: 0; }
     .adf-search-result .truncate {
       width: 200px; } }
-
-.adf-valid-search .adf-search-result {
-  display: block; }

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-orange.css

@@ -18,6 +18,23 @@
  * autocomplete components.
  */
 /* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
 .mat-h1, .mat-headline, .mat-typography h1 {
   font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 16px; }
@@ -2411,6 +2428,12 @@ container-widget .mat-grid-tile {
 .adf-new-task-text-width {
   width: 90%; }
 
+.adf-md-select {
+  padding-top: 0px; }
+
+.adf-start-task-input-container .mat-input-wrapper {
+  padding-top: 8px; }
+
 .adf-error-text-container {
   position: absolute;
   width: 81%;
@@ -3467,20 +3490,26 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-form {
   overflow: hidden; }
 
-.adf-active-search, .adf-valid-search {
-  display: block; }
+.adf--search-result-container {
+  z-index: 5; }
 
 .adf-search-result {
+  min-width: 112px;
+  max-width: 280px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  transform-origin: top left;
   position: absolute;
   z-index: 5;
-  display: none;
   color: rgba(0, 0, 0, 0.87);
   background-color: white;
-  margin: -21px 0px 0px 0px;
-  border: 1px solid #8bc34a;
+  margin: -21px 0 0 0;
+  border-radius: 2px;
   border-collapse: collapse;
   white-space: nowrap;
   font-size: 14px; }
+  .adf-search-result:not([class*='mat-elevation-z']) {
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
   .adf-search-result a {
     color: rgba(0, 0, 0, 0.87);
     text-decoration: none; }
@@ -3510,6 +3539,3 @@ adf-file-uploading-list-row:not(:first-child) {
       right: 0; }
     .adf-search-result .truncate {
       width: 200px; } }
-
-.adf-valid-search .adf-search-result {
-  display: block; }

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-green-purple.css

@@ -18,6 +18,23 @@
  * autocomplete components.
  */
 /* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
 .mat-h1, .mat-headline, .mat-typography h1 {
   font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 16px; }
@@ -2411,6 +2428,12 @@ container-widget .mat-grid-tile {
 .adf-new-task-text-width {
   width: 90%; }
 
+.adf-md-select {
+  padding-top: 0px; }
+
+.adf-start-task-input-container .mat-input-wrapper {
+  padding-top: 8px; }
+
 .adf-error-text-container {
   position: absolute;
   width: 81%;
@@ -3467,20 +3490,26 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-form {
   overflow: hidden; }
 
-.adf-active-search, .adf-valid-search {
-  display: block; }
+.adf--search-result-container {
+  z-index: 5; }
 
 .adf-search-result {
+  min-width: 112px;
+  max-width: 280px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  transform-origin: top left;
   position: absolute;
   z-index: 5;
-  display: none;
   color: rgba(0, 0, 0, 0.87);
   background-color: white;
-  margin: -21px 0px 0px 0px;
-  border: 1px solid #8bc34a;
+  margin: -21px 0 0 0;
+  border-radius: 2px;
   border-collapse: collapse;
   white-space: nowrap;
   font-size: 14px; }
+  .adf-search-result:not([class*='mat-elevation-z']) {
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
   .adf-search-result a {
     color: rgba(0, 0, 0, 0.87);
     text-decoration: none; }
@@ -3510,6 +3539,3 @@ adf-file-uploading-list-row:not(:first-child) {
       right: 0; }
     .adf-search-result .truncate {
       width: 200px; } }
-
-.adf-valid-search .adf-search-result {
-  display: block; }

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-indigo-pink.css

@@ -18,6 +18,23 @@
  * autocomplete components.
  */
 /* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
 .mat-h1, .mat-headline, .mat-typography h1 {
   font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 16px; }
@@ -2411,6 +2428,12 @@ container-widget .mat-grid-tile {
 .adf-new-task-text-width {
   width: 90%; }
 
+.adf-md-select {
+  padding-top: 0px; }
+
+.adf-start-task-input-container .mat-input-wrapper {
+  padding-top: 8px; }
+
 .adf-error-text-container {
   position: absolute;
   width: 81%;
@@ -3467,20 +3490,26 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-form {
   overflow: hidden; }
 
-.adf-active-search, .adf-valid-search {
-  display: block; }
+.adf--search-result-container {
+  z-index: 5; }
 
 .adf-search-result {
+  min-width: 112px;
+  max-width: 280px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  transform-origin: top left;
   position: absolute;
   z-index: 5;
-  display: none;
   color: rgba(0, 0, 0, 0.87);
   background-color: white;
-  margin: -21px 0px 0px 0px;
-  border: 1px solid #3f51b5;
+  margin: -21px 0 0 0;
+  border-radius: 2px;
   border-collapse: collapse;
   white-space: nowrap;
   font-size: 14px; }
+  .adf-search-result:not([class*='mat-elevation-z']) {
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
   .adf-search-result a {
     color: rgba(0, 0, 0, 0.87);
     text-decoration: none; }
@@ -3510,6 +3539,3 @@ adf-file-uploading-list-row:not(:first-child) {
       right: 0; }
     .adf-search-result .truncate {
       width: 200px; } }
-
-.adf-valid-search .adf-search-result {
-  display: block; }

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-pink-bluegrey.css

@@ -18,6 +18,23 @@
  * autocomplete components.
  */
 /* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
 .mat-h1, .mat-headline, .mat-typography h1 {
   font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 16px; }
@@ -2411,6 +2428,12 @@ container-widget .mat-grid-tile {
 .adf-new-task-text-width {
   width: 90%; }
 
+.adf-md-select {
+  padding-top: 0px; }
+
+.adf-start-task-input-container .mat-input-wrapper {
+  padding-top: 8px; }
+
 .adf-error-text-container {
   position: absolute;
   width: 81%;
@@ -3467,20 +3490,26 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-form {
   overflow: hidden; }
 
-.adf-active-search, .adf-valid-search {
-  display: block; }
+.adf--search-result-container {
+  z-index: 5; }
 
 .adf-search-result {
+  min-width: 112px;
+  max-width: 280px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  transform-origin: top left;
   position: absolute;
   z-index: 5;
-  display: none;
   color: white;
   background-color: #424242;
-  margin: -21px 0px 0px 0px;
-  border: 1px solid #c2185b;
+  margin: -21px 0 0 0;
+  border-radius: 2px;
   border-collapse: collapse;
   white-space: nowrap;
   font-size: 14px; }
+  .adf-search-result:not([class*='mat-elevation-z']) {
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
   .adf-search-result a {
     color: white;
     text-decoration: none; }
@@ -3510,6 +3539,3 @@ adf-file-uploading-list-row:not(:first-child) {
       right: 0; }
     .adf-search-result .truncate {
       width: 200px; } }
-
-.adf-valid-search .adf-search-result {
-  display: block; }

ng2-components/ng2-alfresco-core/prebuilt-themes/adf-purple-green.css

@@ -18,6 +18,23 @@
  * autocomplete components.
  */
 /* ANIMATION */
+/**
+ * Applies styles for users in high contrast mode. Note that this only applies
+ * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`
+ * attribute, however Chrome handles high contrast differently.
+ */
+/* Theme for the ripple elements.*/
+/** The mixins below are shared between md-menu and md-select */
+/**
+ * This mixin adds the correct panel transform styles based
+ * on the direction that the menu panel opens.
+ */
+/* stylelint-disable material/no-prefixes */
+/* stylelint-enable */
+/**
+ * This mixin contains shared option styles between the select and
+ * autocomplete components.
+ */
 .mat-h1, .mat-headline, .mat-typography h1 {
   font: 400 24px/32px Muli, Roboto, "Helvetica Neue", sans-serif;
   margin: 0 0 16px; }
@@ -2411,6 +2428,12 @@ container-widget .mat-grid-tile {
 .adf-new-task-text-width {
   width: 90%; }
 
+.adf-md-select {
+  padding-top: 0px; }
+
+.adf-start-task-input-container .mat-input-wrapper {
+  padding-top: 8px; }
+
 .adf-error-text-container {
   position: absolute;
   width: 81%;
@@ -3467,20 +3490,26 @@ adf-file-uploading-list-row:not(:first-child) {
 .adf-search-form {
   overflow: hidden; }
 
-.adf-active-search, .adf-valid-search {
-  display: block; }
+.adf--search-result-container {
+  z-index: 5; }
 
 .adf-search-result {
+  min-width: 112px;
+  max-width: 280px;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  transform-origin: top left;
   position: absolute;
   z-index: 5;
-  display: none;
   color: white;
   background-color: #424242;
-  margin: -21px 0px 0px 0px;
-  border: 1px solid #7b1fa2;
+  margin: -21px 0 0 0;
+  border-radius: 2px;
   border-collapse: collapse;
   white-space: nowrap;
   font-size: 14px; }
+  .adf-search-result:not([class*='mat-elevation-z']) {
+    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
   .adf-search-result a {
     color: white;
     text-decoration: none; }
@@ -3510,6 +3539,3 @@ adf-file-uploading-list-row:not(:first-child) {
       right: 0; }
     .adf-search-result .truncate {
       width: 200px; } }
-
-.adf-valid-search .adf-search-result {
-  display: block; }