Correct usage of cols.

src/Squidex/app/features/administration/pages/restore/restore-page.component.html

@@ -10,7 +10,7 @@
             <div class="card section">
                 <div class="card-header">
                     <div class="row no-gutters">
-                        <div class="col col-auto pr-2">
+                        <div class="col-auto pr-2">
                             <div *ngIf="job.status === 'Started'" class="restore-status restore-status-pending spin">
                                 <i class="icon-hour-glass"></i>
                             </div>
@@ -58,7 +58,7 @@
                     <div class="col pl-1">
                         <input class="form-control" name="name" formControlName="name" placeholder="Optional app name" />
                     </div>
-                    <div class="col col-auto pl-1">
+                    <div class="col-auto pl-1">
                         <button type="submit" class="btn btn-success" [disabled]="restoreForm.hasNoUrl | async">Restore Backup</button>
                     </div>
                 </div>

src/Squidex/app/features/assets/pages/assets-page.component.html

@@ -7,7 +7,7 @@
     
     <ng-container menu>
         <div class="row no-gutters pl-1">
-            <div class="col col-auto offset-xl-4">
+            <div class="col-auto offset-xl-4">
                 <sqx-shortcut keys="ctrl+shift+r" (trigger)="reload()"></sqx-shortcut>
 
                 <button class="btn btn-link btn-secondary" (click)="reload()" title="Refresh Contents (CTRL + SHIFT + R)">
@@ -16,7 +16,7 @@
             </div>
             <div class="col pl-1" style="width: 300px">
                 <div class="row no-gutters search">
-                    <div class="col col-6">
+                    <div class="col-6">
                         <sqx-tag-editor class="tags" singleLine="true" placeholder="Search by tags"
                             [suggestions]="assetsState.tagsNames | async"
                             [ngModel]="assetsState.selectedTagNames | async"
@@ -24,7 +24,7 @@
                             [undefinedWhenEmpty]="false">
                         </sqx-tag-editor>
                     </div>
-                    <div class="col col-6">
+                    <div class="col-6">
                         <sqx-search-form formClass="form" placeholder="Search by asset name" fieldExample="fileSize"
                             (queryChanged)="search($event)" 
                             [query]="assetsState.assetsQuery | async"
@@ -34,7 +34,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col col-auto pl-1">
+            <div class="col-auto pl-1">
                 <div class="btn-group" data-toggle="buttons">
                     <button type="button" class="btn btn-secondary btn-toggle" [class.btn-primary]="isListView" [disabled]="isListView" (click)="changeView(true)">
                         <i class="icon-list"></i>
@@ -68,7 +68,7 @@
                     <div class="col">
                         {{tag.name}}
                     </div>
-                    <div class="col col-auto">
+                    <div class="col-auto">
                         {{tag.count}}
                     </div>
                 </div>
@@ -83,7 +83,7 @@
                     <div class="col truncate">
                         {{query.name}}
                     </div>
-                    <div class="col col-auto">
+                    <div class="col-auto">
                         <a class="sidebar-item-remove" (click)="queries.remove(query.name)">
                             <i class="icon-close"></i>
                         </a>

src/Squidex/app/features/content/pages/content/content-history.component.html

@@ -5,7 +5,7 @@
 
     <ng-container content>
         <div *ngFor="let event of events | async; trackBy: trackByEvent" class="event row no-gutters">
-            <div class="col col-auto">
+            <div class="col-auto">
                 <img class="user-picture" [attr.title]="event.actor | sqxUserNameRef:null" [attr.src]="event.actor | sqxUserPictureRef" />
             </div>
             <div class="col pl-2">

src/Squidex/app/features/content/pages/contents/contents-page.component.html

@@ -13,7 +13,7 @@
 
     <ng-container menu>
         <div class="row no-gutters pl-1">
-            <div class="col col-auto offset-xl-4">
+            <div class="col-auto offset-xl-4">
                 <sqx-shortcut keys="ctrl+shift+r" (trigger)="reload()"></sqx-shortcut>
 
                 <button class="btn btn-link btn-secondary" (click)="reload()" title="Refresh Contents (CTRL + SHIFT + R)">
@@ -32,10 +32,10 @@
                     enableShortcut="true">
                 </sqx-search-form>
             </div>
-            <div class="col col-auto pl-1" *ngIf="languages.length > 1">
+            <div class="col-auto pl-1" *ngIf="languages.length > 1">
                 <sqx-language-selector class="languages-buttons" (selectedLanguageChange)="selectLanguage($event)" [languages]="languages.values"></sqx-language-selector>
             </div>
-            <div class="col col-auto pl-1">
+            <div class="col-auto pl-1">
                 <button class="btn btn-success" #newButton routerLink="new" title="New Content (CTRL + SHIFT + G)">
                     <i class="icon-plus"></i> New
                 </button>
@@ -140,7 +140,7 @@
                 <div class="col truncate">
                     {{query.name}}
                 </div>
-                <div class="col col-auto">
+                <div class="col-auto">
                     <a class="sidebar-item-remove" (click)="schemaQueries.remove(query.name)">
                         <i class="icon-close"></i>
                     </a>

src/Squidex/app/features/content/shared/assets-editor.component.html

@@ -6,7 +6,7 @@
                     Drop files or click here to add assets.
                 </div>
             </div>
-            <div class="col col-auto pl-1">
+            <div class="col-auto pl-1">
                 <div class="btn-group" data-toggle="buttons">
                     <button type="button" class="btn btn-secondary btn-toggle" [class.btn-primary]="isListView" [disabled]="isListView" (click)="changeView(true)">
                         <i class="icon-list"></i>

src/Squidex/app/features/content/shared/contents-selector.component.html

@@ -5,7 +5,7 @@
 
     <ng-container tabs>
         <div class="row no-gutters">
-            <div class="col col-auto offset-lg-4">
+            <div class="col-auto offset-lg-4">
                 <button class="btn btn-link btn-secondary" (click)="reload()">
                     <i class="icon-reset"></i> Refresh
                 </button>

src/Squidex/app/features/rules/pages/events/rule-events-page.component.html

@@ -60,16 +60,16 @@
                         </div>
                         
                         <div class="row event-stats">
-                            <div class="col col-4">
+                            <div class="col-4">
                                 <span class="badge badge-pill badge-{{event.result | sqxRuleEventBadgeClass}}">{{event.result}}</span>
                             </div>
-                            <div class="col col-4">
+                            <div class="col-4">
                                 Attempts: {{event.numCalls}}
                             </div>
-                            <div class="col col-4">
+                            <div class="col-4">
                                 Next: <ng-container *ngIf="event.nextAttempt">{{event.nextAttempt | sqxFromNow}}</ng-container>
                             </div>
-                            <div class="col col-auto text-right">
+                            <div class="col-auto text-right">
                                 <button class="btn btn-success btn-sm" (click)="enqueue(event)">
                                     Enqueue
                                 </button>
@@ -80,7 +80,7 @@
                             </div>
                         </div>
                         <div class="row">
-                            <div class="col col-12">
+                            <div class="col-12">
                                 <textarea class="event-dump form-control" readonly>{{event.lastDump}}</textarea>
                             </div>
                         </div>

src/Squidex/app/features/rules/pages/rules/actions/algolia-action.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="actionForm" class="form-horizontal">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="appId">App ID</label>
+        <label class="col-3 col-form-label" for="appId">App ID</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="appId" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="appId" formControlName="appId" />
@@ -14,9 +14,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="apiKey">Api Key</label>
+        <label class="col-3 col-form-label" for="apiKey">Api Key</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="apiKey" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="apiKey" formControlName="apiKey" />
@@ -28,9 +28,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="indexName">Index Name</label>
+        <label class="col-3 col-form-label" for="indexName">Index Name</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="indexName" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="indexName" formControlName="indexName" />

src/Squidex/app/features/rules/pages/rules/actions/azure-queue-action.component.html

@@ -1,8 +1,8 @@
 <form [formGroup]="actionForm" class="form-horizontal">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="connectionString">Connection String</label>
+        <label class="col-3 col-form-label" for="connectionString">Connection String</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="connectionString" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="connectionString" formControlName="connectionString" />
@@ -14,9 +14,9 @@
     </div>
 
     <div class="form-group row">
-    <label class="col col-3 col-form-label" for="queue">Queue Name</label>
+    <label class="col-3 col-form-label" for="queue">Queue Name</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="queue" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="queue" formControlName="queue" />

src/Squidex/app/features/rules/pages/rules/actions/discourse-action.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="actionForm" class="form-horizontal">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="url">Url</label>
+        <label class="col-3 col-form-label" for="url">Url</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="url" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="url" class="form-control" id="url" formControlName="url" />
@@ -14,9 +14,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="apiKey">Api Key</label>
+        <label class="col-3 col-form-label" for="apiKey">Api Key</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="apiKey" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="apiKey" formControlName="apiKey" />
@@ -28,9 +28,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="apiUsername">Api Username</label>
+        <label class="col-3 col-form-label" for="apiUsername">Api Username</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="apiUsername" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="apiUsername" formControlName="apiUsername" />
@@ -42,9 +42,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="text">Text</label>
+        <label class="col-3 col-form-label" for="text">Text</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="text" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <textarea class="form-control" id="text" formControlName="text"></textarea>
@@ -56,9 +56,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="title">Title</label>
+        <label class="col-3 col-form-label" for="title">Title</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="title" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="title" formControlName="title" />
@@ -70,9 +70,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="topic">Topic</label>
+        <label class="col-3 col-form-label" for="topic">Topic</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="topic" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="number" class="form-control" id="topic" formControlName="topic" />
@@ -84,9 +84,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="category">Category</label>
+        <label class="col-3 col-form-label" for="category">Category</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="category" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="number" class="form-control" id="category" formControlName="category" />

src/Squidex/app/features/rules/pages/rules/actions/elastic-search-action.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="actionForm" class="form-horizontal">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="host">Host</label>
+        <label class="col-3 col-form-label" for="host">Host</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="host" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="host" formControlName="host" placeholder="http://localhost:9200" />
@@ -14,9 +14,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="username">Username</label>
+        <label class="col-3 col-form-label" for="username">Username</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="username" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="username" formControlName="username" />
@@ -28,9 +28,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="username">Password</label>
+        <label class="col-3 col-form-label" for="username">Password</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="password" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="password" formControlName="password" />
@@ -42,9 +42,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="indexName">Index Name</label>
+        <label class="col-3 col-form-label" for="indexName">Index Name</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="indexName" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="indexName" formControlName="indexName" />
@@ -56,9 +56,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="indexType">Type Name</label>
+        <label class="col-3 col-form-label" for="indexType">Type Name</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="indexType" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="indexType" formControlName="indexType" />

src/Squidex/app/features/rules/pages/rules/actions/fastly-action.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="actionForm" class="form-horizontal">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="serviceId">Service ID</label>
+        <label class="col-3 col-form-label" for="serviceId">Service ID</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="serviceId" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="serviceId" formControlName="serviceId" />
@@ -14,9 +14,9 @@
     </div>
 
     <div class="form-group row">
-            <label class="col col-3 col-form-label" for="apiKey">Api Key</label>
+            <label class="col-3 col-form-label" for="apiKey">Api Key</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="apiKey" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="apiKey" formControlName="apiKey" />

src/Squidex/app/features/rules/pages/rules/actions/medium-action.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="actionForm" class="form-horizontal">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="accessToken">Access Token</label>
+        <label class="col-3 col-form-label" for="accessToken">Access Token</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="accessToken" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="accessToken" formControlName="accessToken" />
@@ -14,9 +14,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="title">Title</label>
+        <label class="col-3 col-form-label" for="title">Title</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="title" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="title" formControlName="title" />
@@ -28,9 +28,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="content">Content</label>
+        <label class="col-3 col-form-label" for="content">Content</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="content" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <textarea class="form-control" id="content" formControlName="content"></textarea>
@@ -42,7 +42,7 @@
     </div>
 
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="isHtml" formControlName="isHtml" />
                 <label class="form-check-label" for="isHtml">
@@ -53,9 +53,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="canonicalUrl">Canonical URL</label>
+        <label class="col-3 col-form-label" for="canonicalUrl">Canonical URL</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="canonicalUrl" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="canonicalUrl" formControlName="canonicalUrl" />
@@ -67,9 +67,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="tags">Tags</label>
+        <label class="col-3 col-form-label" for="tags">Tags</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="tags" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="tags" formControlName="tags" />
@@ -81,9 +81,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="publicationId">Publication</label>
+        <label class="col-3 col-form-label" for="publicationId">Publication</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="publicationId" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="publicationId" formControlName="publicationId" />

src/Squidex/app/features/rules/pages/rules/actions/prerender-action.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="actionForm" class="form-horizontal">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="token">Token</label>
+        <label class="col-3 col-form-label" for="token">Token</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="token" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="token" formControlName="token" />
@@ -14,9 +14,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="url">Url</label>
+        <label class="col-3 col-form-label" for="url">Url</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="url" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="url" class="form-control" id="url" formControlName="url" />

src/Squidex/app/features/rules/pages/rules/actions/slack-action.component.html

@@ -1,8 +1,8 @@
 <form [formGroup]="actionForm" class="form-horizontal">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="webhookUrl">Webhook Url</label>
+        <label class="col-3 col-form-label" for="webhookUrl">Webhook Url</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="webhookUrl" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="webhookUrl" formControlName="webhookUrl" />
@@ -14,9 +14,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="text">Text</label>
+        <label class="col-3 col-form-label" for="text">Text</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="text" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <textarea class="form-control" id="text" formControlName="text"></textarea>

src/Squidex/app/features/rules/pages/rules/actions/tweet-action.component.html

@@ -1,6 +1,6 @@
 <form [formGroup]="actionForm" class="form-horizontal">
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <ng-container *ngIf="!isRedirected">
                 <button class="btn btn-twitter" [disabled]="isAuthenticating" (click)="auth()">
                     Request access token with twitter
@@ -20,9 +20,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="accessToken">Access Token</label>
+        <label class="col-3 col-form-label" for="accessToken">Access Token</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="accessToken" submitOnly="true" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" readonly class="form-control" id="accessToken" formControlName="accessToken" />
@@ -30,9 +30,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="accessToken">Access Secret</label>
+        <label class="col-3 col-form-label" for="accessToken">Access Secret</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="accessSecret" submitOnly="true" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" readonly class="form-control" id="accessSecret" formControlName="accessSecret" />
@@ -40,9 +40,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="text">Text</label>
+        <label class="col-3 col-form-label" for="text">Text</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="text" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <textarea class="form-control" id="text" formControlName="text"></textarea>

src/Squidex/app/features/rules/pages/rules/actions/webhook-action.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="actionForm" class="form-horizontal">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="url">Url</label>
+        <label class="col-3 col-form-label" for="url">Url</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="url" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="url" class="form-control" id="url" formControlName="url" />
@@ -14,9 +14,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="sharedSecret">Secret</label>
+        <label class="col-3 col-form-label" for="sharedSecret">Secret</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-control-errors for="sharedSecret" [submitted]="actionFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="sharedSecret" formControlName="sharedSecret" />

src/Squidex/app/features/rules/pages/rules/rule-element.component.html

@@ -1,6 +1,6 @@
 <ng-container *ngIf="isSmall; else large">
     <div class="row no-gutters align-items-center small" *ngIf="element" [style.background]="element.iconColor" [sqxHoverBackground]="element.iconColor | sqxDarken:5">
-        <div class="col col-auto small-icon" [style.background]="element.iconColor | sqxDarken:5">
+        <div class="col-auto small-icon" [style.background]="element.iconColor | sqxDarken:5">
             <i class="svg-icon" [innerHtml]="element.iconImage | sqxSafeHtml"></i>
         </div>
         <div class="col align-items-center">
@@ -12,7 +12,7 @@
 </ng-container>
 <ng-template #large>
     <div class="row no-gutters large">
-        <div class="col col-auto">
+        <div class="col-auto">
             <div class="large-icon" [style.background]="element.iconColor | sqxDarken:5">
                 <div class="svg-icon" [innerHtml]="element.iconImage | sqxSafeHtml"></div>
             </div>

src/Squidex/app/features/rules/pages/rules/rule-wizard.component.html

@@ -22,7 +22,7 @@
 
     <ng-container content>
         <div class="row no-gutters" *ngIf="step === 1">
-            <div *ngFor="let triggerType of ruleTriggers | sqxKeys" class="col col-12 col-md-6">
+            <div *ngFor="let triggerType of ruleTriggers | sqxKeys" class="col-12 col-md-6">
                 <div class="rule-element" (click)="selectTriggerType(triggerType)">
                     <sqx-rule-element [type]="triggerType" [isSmall]="false" [element]="ruleTriggers[triggerType]"></sqx-rule-element>
                 </div>

src/Squidex/app/features/schemas/pages/schema/field-wizard.component.html

@@ -16,12 +16,12 @@
 
                 <div class="form-group">
                     <div class="row">
-                        <div class="col col-4 type" *ngFor="let fieldType of fieldTypes">
+                        <div class="col-4 type" *ngFor="let fieldType of fieldTypes">
                             <label>
                                 <input type="radio" class="radio-input" formControlName="type" value="{{fieldType.type}}" />
 
                                 <div class="row no-gutters">
-                                    <div class="col col-auto">
+                                    <div class="col-auto">
                                         <div class="type-icon" [class.active]="addFieldForm.form.controls['type'].value === fieldType.type">
                                             <i class="icon-type-{{fieldType.type}}"></i>
                                         </div>

src/Squidex/app/features/schemas/pages/schema/field.component.html

@@ -1,7 +1,7 @@
 <div class="table-items-row table-items-row-expandable field"> 
     <div class="table-items-row-summary">        
         <div class="row">
-            <div class="col col-6">
+            <div class="col-6">
                 <span class="field-name">
                     <i class="field-icon icon-type-{{field.properties.fieldType}}"></i> 
 

src/Squidex/app/features/schemas/pages/schema/forms/field-form-common.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="editForm">
     <div class="form-group row" *ngIf="showName">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldName">Name</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldName">Name</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldName" readonly [ngModel]="field.name" [ngModelOptions]="{standalone: true}" />
             
             <small class="form-text text-muted">
@@ -12,9 +12,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldLabel">Label</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldLabel">Label</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <sqx-control-errors for="label" [submitted]="editFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldLabel" maxlength="100" formControlName="label" />
@@ -26,9 +26,9 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldHints">Hints</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldHints">Hints</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <sqx-control-errors for="hints" [submitted]="editFormSubmitted"></sqx-control-errors>
 
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldHints" maxlength="100" formControlName="hints" />
@@ -40,7 +40,7 @@
     </div>
 
     <div class="form-group row">
-        <div class="col col-6 offset-3">
+        <div class="col-6 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldListfield" formControlName="isListField" /> 
                 <label class="form-check-label" for="{{field.fieldId}}_fieldListfield">

src/Squidex/app/features/schemas/pages/schema/types/assets-validation.component.html

@@ -1,6 +1,6 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldRequired" formControlName="isRequired" />
                 <label class="form-check-label" for="{{field.fieldId}}_fieldRequired">
@@ -11,96 +11,96 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Items</label>
+        <label class="col-3 col-form-label">Items</label>
 
-        <div class="col col-3 minmax-col">
+        <div class="col-3 minmax-col">
             <input type="number" class="form-control" formControlName="minItems" placeholder="Min Assets" />
             
             <label class="col-form-label minmax-label">-</label>
         </div>
-        <div class="col col-3">
+        <div class="col-3">
             <input type="number" class="form-control" formControlName="maxItems" placeholder="Max Assets" />
         </div>
     </div>
     
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Size</label>
+        <label class="col-3 col-form-label">Size</label>
 
-        <div class="col col-3 minmax-col">
+        <div class="col-3 minmax-col">
             <input type="number" class="form-control" formControlName="minSize" placeholder="Min Size" />
             
             <label class="col-form-label minmax-label">-</label>
         </div>
-        <div class="col col-3">
+        <div class="col-3">
             <input type="number" class="form-control" formControlName="maxSize" placeholder="Max Size" />
         </div>
-        <div class="col col-3">            
+        <div class="col-3">            
             <label class="col-form-label">bytes</label>
         </div>
     </div>
     
     <div class="form-group2 row">
-        <label class="col col-3 col-form-checkbox-label" for="{{field.fieldId}}_fieldMustBeImage">Must be Image</label>
+        <label class="col-3 col-form-checkbox-label" for="{{field.fieldId}}_fieldMustBeImage">Must be Image</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldMustBeImage" formControlName="mustBeImage" />
         </div>
     </div>
     
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Width</label>
+        <label class="col-3 col-form-label">Width</label>
 
-        <div class="col col-2 minmax-col">
+        <div class="col-2 minmax-col">
             <input type="number" class="form-control" formControlName="minWidth" />
             
             <label class="col-form-label minmax-label">-</label>
         </div>
-        <div class="col col-2">
+        <div class="col-2">
             <input type="number" class="form-control" formControlName="maxWidth" />
         </div>
-        <div class="col col-2">            
+        <div class="col-2">            
             <label class="col-form-label">px</label>
         </div>
     </div>
     
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Height</label>
+        <label class="col-3 col-form-label">Height</label>
 
-        <div class="col col-2 minmax-col">
+        <div class="col-2 minmax-col">
             <input type="number" class="form-control" formControlName="minHeight" />
             
             <label class="col-form-label minmax-label">-</label>
         </div>
-        <div class="col col-2">
+        <div class="col-2">
             <input type="number" class="form-control" formControlName="maxHeight" />
         </div>
-        <div class="col col-2">            
+        <div class="col-2">            
             <label class="col-form-label">px</label>
         </div>
     </div>
     
     <div class="form-group row">
-        <label class="col col-3 col-form-label">AspectRatio</label>
+        <label class="col-3 col-form-label">AspectRatio</label>
 
-        <div class="col col-2 minmax-col">
+        <div class="col-2 minmax-col">
             <input type="number" class="form-control" formControlName="aspectWidth" placeholder="4" />
             
             <label class="col-form-label minmax-label">:</label>
         </div>
-        <div class="col col-2">
+        <div class="col-2">
             <input type="number" class="form-control" formControlName="aspectHeight" placeholder="3" />
         </div>
-        <div class="col col-2">            
+        <div class="col-2">            
             <label class="col-form-label">px</label>
         </div>
     </div>
     
     <div class="form-group2 row">
-        <label class="col col-3 col-form-label">
+        <label class="col-3 col-form-label">
             Allowed Extensions
         </label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <sqx-tag-editor formControlName="allowedExtensions"></sqx-tag-editor>
         </div>
     </div>

src/Squidex/app/features/schemas/pages/schema/types/boolean-ui.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_editorUrl" formControlName="editorUrl" />
 
             <small class="form-text text-muted">
@@ -11,9 +11,9 @@
         </div>
     </div>
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldPlaceholder">Placeholder</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldPlaceholder">Placeholder</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldPlaceholder" maxlength="100" formControlName="placeholder" />
 
             <small class="form-text text-muted">
@@ -22,9 +22,9 @@
         </div>
     </div>
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Editor</label>
+        <label class="col-3 col-form-label">Editor</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <label class="btn btn-radio" [class.active]="editForm.controls['editor'].value === 'Checkbox'">
                 <input type="radio" class="radio-input" formControlName="editor" value="Checkbox" />
 
@@ -42,7 +42,7 @@
         </div>
     </div>
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldInlineEditable" formControlName="inlineEditable" />
                 <label class="form-check-label" for="{{field.fieldId}}_fieldInlineEditable">

src/Squidex/app/features/schemas/pages/schema/types/boolean-validation.component.html

@@ -1,6 +1,6 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldRequired" formControlName="isRequired" />
                 <label class="form-check-label" for="{{field.fieldId}}_fieldRequired">
@@ -11,7 +11,7 @@
     </div>
 
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldDefaultValue" formControlName="defaultValue" sqxIndeterminateValue />
                 <label class="form-check-label" for="{{field.fieldId}}_fieldDefaultValue">

src/Squidex/app/features/schemas/pages/schema/types/date-time-ui.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_editorUrl" formControlName="editorUrl" />
 
             <small class="form-text text-muted">
@@ -11,9 +11,9 @@
         </div>
     </div>
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldPlaceholder">Placeholder</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldPlaceholder">Placeholder</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldPlaceholder" maxlength="100" formControlName="placeholder" />
 
             <small class="form-text text-muted">
@@ -22,9 +22,9 @@
         </div>
     </div>
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Editor</label>
+        <label class="col-3 col-form-label">Editor</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <label class="btn btn-radio" [class.active]="editForm.controls['editor'].value === 'Date'">
                 <input type="radio" class="radio-input" formControlName="editor" value="Date" />
 

src/Squidex/app/features/schemas/pages/schema/types/date-time-validation.component.html

@@ -1,6 +1,6 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldRequired" formControlName="isRequired" />    
                 <label class="form-check-label" for="{{field.fieldId}}_fieldRequired">
@@ -11,26 +11,26 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Min Value</label>
+        <label class="col-3 col-form-label">Min Value</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-date-time-editor enforceTime="true" mode="DateTime" formControlName="minValue"></sqx-date-time-editor>
         </div>
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Max Value</label>
+        <label class="col-3 col-form-label">Max Value</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <sqx-date-time-editor enforceTime="true" mode="DateTime" formControlName="maxValue"></sqx-date-time-editor>
         </div>
     </div>
 
     <ng-container *ngIf="showDefaultValues | async">
         <div class="form-group row">
-            <label class="col col-3 col-form-label">Default Mode:</label>
+            <label class="col-3 col-form-label">Default Mode:</label>
 
-            <div class="col col-3">
+            <div class="col-3">
                 <select class="form-control" formControlName="calculatedDefaultValue">
                     <option></option>
                     <option *ngFor="let value of calculatedDefaultValues" [ngValue]="value">{{value}}</option>
@@ -39,9 +39,9 @@
         </div>
 
         <div class="form-group row" *ngIf="showDefaultValue | async">
-            <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldDefaultValue">Default Value</label>
+            <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldDefaultValue">Default Value</label>
 
-            <div class="col col-9">
+            <div class="col-9">
                 <sqx-date-time-editor enforceTime="true" mode="DateTime" formControlName="defaultValue"></sqx-date-time-editor>
             </div>
         </div>

src/Squidex/app/features/schemas/pages/schema/types/geolocation-ui.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_editorUrl" formControlName="editorUrl" />
 
             <small class="form-text text-muted">
@@ -11,9 +11,9 @@
         </div>
     </div>
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Editor</label>
+        <label class="col-3 col-form-label">Editor</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <label class="btn btn-radio" [class.active]="editForm.controls['editor'].value === 'Map'">
                 <input type="radio" class="radio-input" formControlName="editor" value="Map" />
 

src/Squidex/app/features/schemas/pages/schema/types/geolocation-validation.component.html

@@ -1,6 +1,6 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <div class="col col-9">
+        <div class="col-9">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldRequired" formControlName="isRequired" />    
                 <label class="form-check-label" for="{{field.fieldId}}_fieldRequired">

src/Squidex/app/features/schemas/pages/schema/types/json-ui.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_editorUrl" formControlName="editorUrl" />
 
             <small class="form-text text-muted">

src/Squidex/app/features/schemas/pages/schema/types/json-validation.component.html

@@ -1,6 +1,6 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <div class="col col-9">
+        <div class="col-9">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldRequired" formControlName="isRequired" />
                 <label class="form-check-label" for="{{field.fieldId}}_fieldRequired">

src/Squidex/app/features/schemas/pages/schema/types/number-ui.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_editorUrl" formControlName="editorUrl" />
 
             <small class="form-text text-muted">
@@ -11,9 +11,9 @@
         </div>
     </div>
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldPlaceholder">Placeholder</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldPlaceholder">Placeholder</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldPlaceholder" maxlength="100" formControlName="placeholder" />
 
             <small class="form-text text-muted">
@@ -22,9 +22,9 @@
         </div>
     </div>
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Editor</label>
+        <label class="col-3 col-form-label">Editor</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <label class="btn btn-radio" [class.active]="editForm.controls['editor'].value === 'Input'">
                 <input type="radio" class="radio-input" formControlName="editor" value="Input" />
 
@@ -56,14 +56,14 @@
         </div>
     </div>
     <div class="form-group row" [class.hidden]="hideAllowedValues | async">
-        <label class="col col-3 col-form-label">Allowed Values</label>
+        <label class="col-3 col-form-label">Allowed Values</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <sqx-tag-editor formControlName="allowedValues" [converter]="converter"></sqx-tag-editor>
         </div>
     </div>
     <div class="form-group row" [class.hidden]="hideInlineEditable | async">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldInlineEditable" formControlName="inlineEditable" />
                 <label class="form-check-label" for="{{field.fieldId}}_fieldInlineEditable">

src/Squidex/app/features/schemas/pages/schema/types/number-validation.component.html

@@ -1,6 +1,6 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldRequired" formControlName="isRequired" />
                 <label class="form-check-label" for="{{field.fieldId}}_fieldRequired">
@@ -11,22 +11,22 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Range</label>
+        <label class="col-3 col-form-label">Range</label>
 
-        <div class="col col-3 minmax-col">
+        <div class="col-3 minmax-col">
             <input type="number" class="form-control" formControlName="minValue" placeholder="Min Value" />
             
             <label class="col-form-label minmax-label">-</label>
         </div>
-        <div class="col col-3">
+        <div class="col-3">
             <input type="number" class="form-control" formControlName="maxValue" placeholder="Max Value" />
         </div>
     </div>
 
     <div class="form-group row" *ngIf="showDefaultValue | async">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldDefaultValue">Default Value</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldDefaultValue">Default Value</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="number" class="form-control" id="{{field.fieldId}}_fieldDefaultValue" formControlName="defaultValue" />
         </div>
     </div>

src/Squidex/app/features/schemas/pages/schema/types/references-validation.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldSchemaId">Schema</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldSchemaId">Schema</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <select class="form-control" id="{{field.fieldId}}_fieldSchemaId" formControlName="schemaId">
                 <option *ngFor="let schema of schemasState.schemas | async" [ngValue]="schema.id">{{schema.displayName}}</option>
             </select>
@@ -11,7 +11,7 @@
 
             
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldRequired" formControlName="isRequired" />
                 <label class="form-check-label" for="{{field.fieldId}}_fieldRequired">
@@ -22,14 +22,14 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Items</label>
+        <label class="col-3 col-form-label">Items</label>
 
-        <div class="col col-3 minmax-col">
+        <div class="col-3 minmax-col">
             <input type="number" class="form-control" formControlName="minItems" placeholder="Min Items" />
             
             <label class="col-form-label minmax-label">-</label>
         </div>
-        <div class="col col-3">
+        <div class="col-3">
             <input type="number" class="form-control" formControlName="maxItems" placeholder="Max Items" />
         </div>
     </div>

src/Squidex/app/features/schemas/pages/schema/types/string-ui.component.html

@@ -1,8 +1,8 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_editorUrl">Editor Url</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_editorUrl" formControlName="editorUrl" />
 
             <small class="form-text text-muted">
@@ -11,9 +11,9 @@
         </div>
     </div>
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldPlaceholder">Placeholder</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldPlaceholder">Placeholder</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldPlaceholder" maxlength="100" formControlName="placeholder" />
 
             <small class="form-text text-muted">
@@ -22,9 +22,9 @@
         </div>
     </div>
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Editor</label>
+        <label class="col-3 col-form-label">Editor</label>
 
-        <div class="col col-9">
+        <div class="col-9">
             <label class="btn btn-radio" [class.active]="editForm.controls['editor'].value === 'Input'">
                 <input type="radio" class="radio-input" formControlName="editor" value="Input" />
 
@@ -84,14 +84,14 @@
         </div>
     </div>
     <div class="form-group row" [class.hidden]="hideAllowedValues | async">
-        <label class="col col-3 col-form-label">Allowed Values</label>
+        <label class="col-3 col-form-label">Allowed Values</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <sqx-tag-editor formControlName="allowedValues"></sqx-tag-editor>
         </div>
     </div>
     <div class="form-group row" [class.hidden]="hideInlineEditable | async">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldInlineEditable" formControlName="inlineEditable" />
                 <label class="form-check-label" for="{{field.fieldId}}_fieldInlineEditable">

src/Squidex/app/features/schemas/pages/schema/types/string-validation.component.html

@@ -1,6 +1,6 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldRequired" formControlName="isRequired" /> 
                 <label class="form-check-label" for="{{field.fieldId}}_fieldRequired">
@@ -11,22 +11,22 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Length</label>
+        <label class="col-3 col-form-label">Length</label>
 
-        <div class="col col-3 minmax-col">
+        <div class="col-3 minmax-col">
             <input type="number" class="form-control" formControlName="minLength" placeholder="Min Length" />
             
             <label class="col-form-label minmax-label">-</label>
         </div>
-        <div class="col col-3">
+        <div class="col-3">
             <input type="number" class="form-control" formControlName="maxLength" placeholder="Max Length" />
         </div>
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldPattern">Pattern</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldPattern">Pattern</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldPattern" formControlName="pattern" placeholder="Regex Pattern" #patternInput
                 autocomplete="off" 
                 autocorrect="off"
@@ -42,22 +42,22 @@
                 </div>
             </div>
         </div>
-        <small class="col col-3" style="align-self: center;">
+        <small class="col-3" style="align-self: center;">
             {{patternName}}
         </small>
     </div>
     <div class="form-group row" *ngIf="showPatternMessage">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldPatternMessage">Pattern Message</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldPatternMessage">Pattern Message</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldPatternMessage" formControlName="patternMessage" />
         </div>
     </div>
 
     <div class="form-group row" *ngIf="showDefaultValue | async">
-        <label class="col col-3 col-form-label" for="{{field.fieldId}}_fieldDefaultValue">Default Value</label>
+        <label class="col-3 col-form-label" for="{{field.fieldId}}_fieldDefaultValue">Default Value</label>
 
-        <div class="col col-6">
+        <div class="col-6">
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldDefaultValue" formControlName="defaultValue" />
         </div>
     </div>

src/Squidex/app/features/schemas/pages/schema/types/tags-validation.component.html

@@ -1,6 +1,6 @@
 <div [formGroup]="editForm">
     <div class="form-group row">
-        <div class="col col-9 offset-3">
+        <div class="col-9 offset-3">
             <div class="form-check">
                 <input class="form-check-input" type="checkbox" id="{{field.fieldId}}_fieldRequired" formControlName="isRequired" />
                 <label class="form-check-label" for="{{field.fieldId}}_fieldRequired">
@@ -11,14 +11,14 @@
     </div>
 
     <div class="form-group row">
-        <label class="col col-3 col-form-label">Items</label>
+        <label class="col-3 col-form-label">Items</label>
 
-        <div class="col col-3 minmax-col">
+        <div class="col-3 minmax-col">
             <input type="number" class="form-control" formControlName="minItems" placeholder="Min Items" />
             
             <label class="col-form-label minmax-label">-</label>
         </div>
-        <div class="col col-3">
+        <div class="col-3">
             <input type="number" class="form-control" formControlName="maxItems" placeholder="Max Items" />
         </div>
     </div>

src/Squidex/app/features/schemas/pages/schemas/schema-form.component.html

@@ -29,12 +29,12 @@
 
             <div class="form-group">
                 <div class="row no-gutters">
-                    <div class="col col-6 type">
+                    <div class="col-6 type">
                         <label>
                             <input type="radio" class="radio-input" formControlName="singleton" [value]="false" />
                         
                             <div class="row no-gutters">
-                                <div class="col col-auto">
+                                <div class="col-auto">
                                     <div class="type-icon" [class.active]="createForm.form.controls['singleton'].value !== true">
                                         <i class="icon-multiple-content"></i>
                                     </div>
@@ -47,12 +47,12 @@
 
                         </label>
                     </div>
-                    <div class="col col-6 type">
+                    <div class="col-6 type">
                         <label>
                             <input type="radio" class="radio-input" formControlName="singleton" [value]="true" />
                         
                             <div class="row no-gutters">
-                                <div class="col col-auto">
+                                <div class="col-auto">
                                     <div class="type-icon" [class.active]="createForm.form.controls['singleton'].value === true">
                                         <i class="icon-single-content"></i>
                                     </div>

src/Squidex/app/features/settings/pages/backups/backups-page.component.html

@@ -34,7 +34,7 @@
                 
                 <div class="table-items-row" *ngFor="let backup of backups; trackBy: trackByBackup">
                     <div class="row">
-                        <div class="col col-auto">
+                        <div class="col-auto">
                             <div *ngIf="backup.status === 'Started'" class="backup-status backup-status-pending spin">
                                 <i class="icon-hour-glass"></i>
                             </div>
@@ -45,7 +45,7 @@
                                 <i class="icon-checkmark"></i>
                             </div>
                         </div>
-                        <div class="col col-auto">
+                        <div class="col-auto">
                             <div>
                                 Started:
                             </div>
@@ -53,7 +53,7 @@
                                 Duration:
                             </div>
                         </div>
-                        <div class="col col-auto">
+                        <div class="col-auto">
                             <div>
                                 {{backup.started | sqxISODate}}
                             </div>
@@ -78,7 +78,7 @@
                                 </a>
                             </div>
                         </div>
-                        <div class="col col-auto">
+                        <div class="col-auto">
                             <button type="button" class="btn btn-link btn-danger" 
                                 (sqxConfirmClick)="delete(backup)" 
                                 confirmTitle="Delete backup"

src/Squidex/app/features/settings/pages/clients/client.component.html

@@ -27,10 +27,10 @@
                 
             <div class="client-expires">Access tokens expire after 30 days</div>
         </div>
-        <div class="col col-auto">
+        <div class="col-auto">
             <button class="btn btn-secondary" (click)="createToken(client)">Create Token</button>
         </div>
-        <div class="col col-auto cell-actions">
+        <div class="col-auto cell-actions">
             <button type="button" class="btn btn-link btn-danger"
                 (sqxConfirmClick)="revoke()"
                 confirmTitle="Revoke client" 
@@ -46,7 +46,7 @@
         <div class="col">
             <input readonly class="form-control" value="{{appsState.appName}}:{{client.id}}" #inputName />
         </div>
-        <div class="col col-auto cell-actions">
+        <div class="col-auto cell-actions">
             <button type="button" class="btn btn-primary btn-link" [sqxCopy]="inputName">
                 <i class="icon-copy"></i>
             </button>
@@ -59,7 +59,7 @@
         <div class="col">
             <input readonly class="form-control" [attr.value]="client.secret" #inputSecret />
         </div>
-        <div class="col col-auto cell-actions">
+        <div class="col-auto cell-actions">
             <button type="button" class="btn btn-primary btn-link" [sqxCopy]="inputSecret">
                 <i class="icon-copy"></i>
             </button>
@@ -74,7 +74,7 @@
                 <option *ngFor="let role of clientRoles" [ngValue]="role.name">{{role.name}}</option>
             </select>
         </div>
-        <div class="col col-auto cell-actions">
+        <div class="col-auto cell-actions">
         </div>
     </div>
 </div>

src/Squidex/app/features/settings/pages/clients/clients-page.component.html

@@ -34,10 +34,10 @@
                                 
                             <input type="text" class="form-control" formControlName="name" maxlength="40" placeholder="Enter client name" autocomplete="off" sqxTransformInput="LowerCase" />
                         </div>
-                        <div class="col col-auto pl-1">
+                        <div class="col-auto pl-1">
                             <button type="submit" class="btn btn-success" [disabled]="addClientForm.hasNoName | async">Add Client</button>
                         </div>
-                        <div class="col col-auto pl-1">
+                        <div class="col-auto pl-1">
                             <button type="reset" class="btn btn-secondary" (click)="cancelAttachClient()">Cancel</button>
                         </div>
                     </div>

src/Squidex/app/features/settings/pages/contributors/contributors-page.component.html

@@ -61,7 +61,7 @@
                                         </ng-template>
                                     </sqx-autocomplete>
                                 </div>
-                                <div class="col col-auto pl-1">
+                                <div class="col-auto pl-1">
                                     <button type="submit" class="btn btn-success" [disabled]="assignContributorForm.hasNoUser | async">Add Contributor</button>
                                 </div>
                             </div>

src/Squidex/app/features/settings/pages/languages/language.component.html

@@ -1,13 +1,13 @@
 <div class="table-items-row table-items-row-expandable language"> 
     <div class="table-items-row-summary">        
         <div class="row">
-            <div class="col col-2" [class.language-optional]="language.isOptional" [class.language-master]="language.isMaster">
+            <div class="col-2" [class.language-optional]="language.isOptional" [class.language-master]="language.isMaster">
                 {{language.iso2Code}}
             </div>
-            <div class="col col-6" [class.language-optional]="language.isOptional" [class.language-master]="language.isMaster">
+            <div class="col-6" [class.language-optional]="language.isOptional" [class.language-master]="language.isMaster">
                 {{language.englishName}}
             </div>
-            <div class="col col-auto">
+            <div class="col-auto">
                 <div class="float-right">
                     <button type="button" class="btn btn-secondary table-items-edit-button" [class.active]="isEditing" (click)="toggleEditing()" *ngIf="!language.isMaster">
                         <i class="icon-settings"></i>
@@ -35,16 +35,16 @@
 
             <div class="table-items-row-details-tab">
                 <div class="form-group row">
-                    <label class="col col-3 col-form-label fallback-label">Fallback</label>
+                    <label class="col-3 col-form-label fallback-label">Fallback</label>
 
-                    <div class="col col-9">
+                    <div class="col-9">
                         <div class="fallback-languages" [sqxSortModel]="fallbackLanguages.mutableValues" *ngIf="fallbackLanguages.length > 0">
                             <div class="fallback-language" *ngFor="let language of fallbackLanguages">
                                 <div class="row">
                                     <div class="col">
                                         {{language.englishName}}
                                     </div>
-                                    <div class="col col-auto">
+                                    <div class="col-auto">
                                         <button type="button" class="btn btn-link btn-secondary btn-sm" (click)="removeFallbackLanguage(language)">
                                             <i class="icon-close"></i>
                                         </button>
@@ -60,7 +60,7 @@
                                         <option *ngFor="let otherLanguage of fallbackLanguagesNew; trackBy: trackByLanguage" [ngValue]="otherLanguage">{{otherLanguage.englishName}}</option>
                                     </select>
                                 </div>
-                                <div class="col col-auto pl-1">
+                                <div class="col-auto pl-1">
                                     <button type="submit" class="btn btn-success">Add Language</button>
                                 </div>
                             </div>

src/Squidex/app/features/settings/pages/languages/languages-page.component.html

@@ -32,7 +32,7 @@
                                     <option *ngFor="let language of newLanguages" [ngValue]="language">{{language.englishName}}</option>
                                 </select>
                             </div>
-                            <div class="col col-auto pl-1">
+                            <div class="col-auto pl-1">
                                 <button type="submit" class="btn btn-success">Add Language</button>
                             </div>
                         </div>

src/Squidex/app/features/settings/pages/more/more-page.component.html

@@ -16,7 +16,7 @@
 
                         <div>Once you archive an app, there is no going back. Please be certain.</div>
                     </div>
-                    <div class="col col-auto">
+                    <div class="col-auto">
                         <button class="btn btn-danger"
                             (sqxConfirmClick)="archiveApp()"
                             confirmTitle="Archive App" 

src/Squidex/app/features/settings/pages/patterns/pattern.component.html

@@ -19,7 +19,7 @@
             <input type="text" class="form-control" id="pattern-message" maxlength="1000" formControlName="message" placeholder="Message" />
         </div>
 
-        <div class="col col-auto pl-2 col-options" *ngIf="pattern">
+        <div class="col-auto pl-2 col-options" *ngIf="pattern">
             <button type="submit" class="btn btn-primary" [class.disabled]="!editForm.form.dirty">
                 <i class="icon-checkmark"></i>
             </button>
@@ -32,7 +32,7 @@
             </button>
         </div>
         
-        <div class="col col-auto pl-2 col-options" *ngIf="!pattern">
+        <div class="col-auto pl-2 col-options" *ngIf="!pattern">
             <button type="submit" class="btn btn-success">
                 <i class="icon-add"></i>
             </button>

src/Squidex/app/features/settings/pages/roles/role.component.html

@@ -1,7 +1,7 @@
 <div class="table-items-row table-items-row-expandable"> 
     <div class="table-items-row-summary">        
         <div class="row">
-            <div class="col col-5" [class.built]="isDefaultRole">
+            <div class="col-5" [class.built]="isDefaultRole">
                 <span class="role-name">{{role.name}}</span>
             </div>
             <div class="col text-decent">
@@ -10,7 +10,7 @@
             <div class="col text-decent">
                 Users: <span [class.text-force]="role.numContributors > 0">{{role.numContributors}}</span>
             </div>
-            <div class="col col-auto">
+            <div class="col-auto">
                 <div class="float-right">
                     <button type="button" class="btn btn-secondary table-items-edit-button" [class.active]="isEditing" (click)="toggleEditing()">
                         <i class="icon-settings"></i>
@@ -43,7 +43,7 @@
 
                         <sqx-autocomplete [formControl]="control" [source]="allPermissions"></sqx-autocomplete>
                     </div>
-                    <div class="col col-auto pl-1" *ngIf="!isDefaultRole">
+                    <div class="col-auto pl-1" *ngIf="!isDefaultRole">
                         <button type="button" class="btn btn-link btn-danger" (click)="removePermission(i)">
                             <i class="icon-bin2"></i>
                         </button>
@@ -54,7 +54,7 @@
                     <div class="col">
                         <sqx-autocomplete formControlName="permission" [source]="allPermissions" #addInput></sqx-autocomplete>
                     </div>
-                    <div class="col col-auto pl-1">
+                    <div class="col-auto pl-1">
                         <button type="submit" class="btn btn-success">
                             <i class="icon-plus"></i>
                         </button>

src/Squidex/app/features/settings/pages/roles/roles-page.component.html

@@ -25,10 +25,10 @@
                                 
                             <input type="text" class="form-control" formControlName="name" maxlength="40" placeholder="Enter role name" autocomplete="off" />
                         </div>
-                        <div class="col col-auto pl-1">
+                        <div class="col-auto pl-1">
                             <button type="submit" class="btn btn-success" [disabled]="addRoleForm.hasNoName | async">Add role</button>
                         </div>
-                        <div class="col col-auto pl-1">
+                        <div class="col-auto pl-1">
                             <button type="reset" class="btn btn-secondary" (click)="cancelAddRole()">Cancel</button>
                         </div>
                     </div>

src/Squidex/app/framework/angular/panel.component.html

@@ -5,7 +5,7 @@
         <div class="panel-header" [class.large]="showSecondHeader" *ngIf="!isFullSize">
             <div class="panel-title-row">
                 <div class="row">
-                    <div class="col col-auto">
+                    <div class="col-auto">
                         <h3 class="panel-title">
                             <ng-content select="[title]"></ng-content>
                         </h3>

src/Squidex/app/shared/components/assets-selector.component.html

@@ -5,14 +5,14 @@
 
     <ng-container tabs>
         <div class="row no-gutters">
-            <div class="col col-auto offset-lg-2">
+            <div class="col-auto offset-lg-2">
                 <button class="btn btn-link btn-secondary" (click)="reload()">
                     <i class="icon-reset"></i> Refresh
                 </button>
             </div>
             <div class="col pl-1" style="width: 300px">
                 <div class="row no-gutters search">
-                    <div class="col col-6">
+                    <div class="col-6">
                         <sqx-tag-editor class="tags" singleLine="true" placeholder="Search by tags"
                             [suggestions]="state.tagsNames | async"
                             [ngModel]="state.selectedTagNames | async"
@@ -20,7 +20,7 @@
                             [undefinedWhenEmpty]="false">
                         </sqx-tag-editor>
                     </div>
-                    <div class="col col-6">
+                    <div class="col-6">
                         <sqx-search-form formClass="form" placeholder="Search by asset name" fieldExample="fileSize"
                             (queryChanged)="search($event)" 
                             [query]="state.assetsQuery | async"
@@ -29,7 +29,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col col-auto pl-1">
+            <div class="col-auto pl-1">
                 <div class="btn-group" data-toggle="buttons">
                     <button type="button" class="btn btn-secondary btn-toggle" [class.btn-primary]="isListView" [disabled]="isListView" (click)="changeView(true)">
                         <i class="icon-list"></i>

src/Squidex/app/shared/components/comment.component.html

@@ -1,5 +1,5 @@
 <div class="comment row no-gutters">
-    <div class="col col-auto">
+    <div class="col-auto">
         <img class="user-picture" [attr.title]="comment.user | sqxUserNameRef:null" [attr.src]="comment.user | sqxUserPictureRef" />
     </div>
     <div class="col pl-2">            

src/Squidex/app/shared/components/history-list.component.html

@@ -1,6 +1,6 @@
 <ng-container *ngIf="events">
     <div *ngFor="let event of events; trackBy: trackByEvent" class="event row no-gutters">
-        <div class="col col-auto">
+        <div class="col-auto">
             <img class="user-picture" [attr.title]="event.actor | sqxUserNameRef:null" [attr.src]="event.actor | sqxUserPictureRef" />
         </div>
         <div class="col pl-2">

src/Squidex/app/shared/components/schema-category.component.html

@@ -20,15 +20,15 @@
                 <li class="nav-item" dnd-draggable [dragEnabled]="!isReadonly" [dragData]="schema">
                     <a class="nav-link" [routerLink]="schemaRoute(schema)" routerLinkActive="active">
                         <div class="row" *ngIf="!isReadonly">
-                            <div class="col col-4">
+                            <div class="col-4">
                                 <span class="schema-name schema-name-accent">{{schema.displayName}}</span> 
                             </div>
-                            <div class="col col-4">
+                            <div class="col-4">
                                 <span class="schema-user">
                                     <i class="icon-user"></i> {{schema.lastModifiedBy | sqxUserNameRef}}
                                 </span>
                             </div>
-                            <div class="col col-4 schema-modified">
+                            <div class="col-4 schema-modified">
                                 <small class="item-modified">{{schema.lastModified | sqxFromNow}}</small>
                                 
                                 <span class="item-published" [class.unpublished]="!schema.isPublished"></span>

src/Squidex/app/shared/components/search-form.component.html

@@ -38,25 +38,25 @@
     <div class="form-horizontal">
         <div [formGroup]="searchForm">
             <div class="form-group row">
-                <label class="col col-2 col-form-label" for="search">Text</label>
+                <label class="col-2 col-form-label" for="search">Text</label>
 
-                <div class="col col-10">
+                <div class="col-10">
                     <input type="text" class="form-control" id="search" (blur)="updateQuery()" formControlName="odataSearch" placeholder="Fulltext search" />
                 </div>
             </div>
 
             <div class="form-group row">
-                <label class="col col-2 col-form-label" for="filter">Filter</label>
+                <label class="col-2 col-form-label" for="filter">Filter</label>
 
-                <div class="col col-10">
+                <div class="col-10">
                     <input type="text" class="form-control" id="filter" (blur)="updateQuery()" formControlName="odataFilter" placeholder="{{fieldExample}} eq [VALUE]" />
                 </div>
             </div>
 
             <div class="form-group row">
-                <label class="col col-2 col-form-label" for="orderBy">Order</label>
+                <label class="col-2 col-form-label" for="orderBy">Order</label>
                     
-                <div class="col col-10">
+                <div class="col-10">
                     <input type="text" class="form-control" id="orderBy" (blur)="updateQuery()" formControlName="odataOrderBy" placeholder="{{fieldExample}} desc" />
                 </div>
             </div>

src/Squidex/app/shell/pages/internal/internal-area.component.html

@@ -23,7 +23,7 @@
 </div>
 
 <a class="support-button row no-gutters" href="https://support.squidex.io" target="_blank" rel="noopener">
-    <div class="col col-auto support-icon">
+    <div class="col-auto support-icon">
         <i class="icon-support"></i>
     </div>