Fix dropdown overflow.

frontend/app/features/schemas/pages/schema/preview/schema-preview-urls-form.component.html

@@ -1,7 +1,7 @@
 <form (ngSubmit)="saveSchema()">
     <h5>{{ 'schemas.previewUrls.title' | sqxTranslate }}</h5>
 
-    <div class="card mb-5">
+    <div class="card mb-4">
         <div class="card-body">
             <sqx-form-alert>
                 {{ 'schemas.previewUrls.help' | sqxTranslate }}

frontend/app/features/settings/pages/workflows/workflow-step.component.html

@@ -17,7 +17,10 @@
             </sqx-color-picker>
         </div>
         <div class="col">
-            <sqx-editable-title [name]="step.name" (nameChange)="changeName($event)" [disabled]="step.isLocked || disabled">
+            <sqx-editable-title 
+                [name]="step.name" 
+                (nameChange)="changeName($event)" 
+                [disabled]="step.isLocked || disabled">
             </sqx-editable-title>
         </div>
         <div class="col">

frontend/app/framework/angular/forms/editors/dropdown.component.html

@@ -5,7 +5,7 @@
         autocapitalize="off">
     
     <div class="control-dropdown-item" *ngIf="snapshot.selectedItem; let selectedItem">
-        <div>
+        <div class="no-wrap">
             <span class="truncate" *ngIf="!templateSelection">{{selectedItem}}</span>
             
             <ng-template *ngIf="templateSelection" [sqxTemplateWrapper]="templateSelection" [item]="selectedItem"></ng-template>

frontend/app/framework/angular/forms/editors/dropdown.component.scss

@@ -12,6 +12,10 @@ $color-input-disabled: #eef1f4;
     }
 }
 
+.no-wrap {
+    white-space: nowrap;
+}
+
 .search-form {
     padding: .5rem;
 }