feat(admin-ui): Improve styling of configurable arg inputs

packages/admin-ui/src/lib/core/src/shared/components/configurable-input/configurable-input.component.html

@@ -4,8 +4,9 @@
         <form [formGroup]="form" *ngIf="operation" class="operation-inputs">
             <div *ngFor="let arg of operation.args; trackBy: trackByName" class="arg-row">
                 <ng-container *ngIf="form.get(arg.name) && getArgDef(arg) as argDef">
-                    <label>{{ argDef.label || (arg.name | sentenceCase) }}</label>
+                    <label class="clr-control-label">{{ argDef.label || (arg.name | sentenceCase) }}</label>
                     <vdr-help-tooltip
+                        class="mr3"
                         *ngIf="argDef.description"
                         [content]="argDef.description"
                     ></vdr-help-tooltip>

packages/admin-ui/src/lib/core/src/shared/components/configurable-input/configurable-input.component.scss

@@ -12,10 +12,13 @@
     padding-top: 0;
 
     .arg-row:not(:last-child) {
-        margin-bottom: 24px;
+        margin-bottom: 12px;
     }
 
     .arg-row {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
         label {
             margin-right: 6px;
         }

packages/admin-ui/src/lib/core/src/shared/components/help-tooltip/help-tooltip.component.scss

@@ -0,0 +1,3 @@
+clr-tooltip {
+    display: inline-flex;
+}

packages/admin-ui/src/lib/static/styles/global/_forms.scss

@@ -95,10 +95,6 @@ clr-input-container.expand {
     }
 }
 
-clr-select-container {
-    margin-bottom: 18px;
-}
-
 .tooltip.tooltip-validation::before {
     top: 10px !important;
 }
@@ -108,6 +104,9 @@ select {
 }
 
 .select::after,
+.clr-select-wrapper {
+    max-height: inherit;
+}
 .clr-select-wrapper::after {
     z-index: 10;
     top: 13px;