Minor UI fixes.

backend/i18n/frontend_en.json

@@ -663,11 +663,12 @@
   "schemas.field.enable": "Enable in UI",
   "schemas.field.enabledMarker": "Enabled",
   "schemas.field.halfWidth": "Half Width",
+  "schemas.field.halfWidthHint": "Shows the field with only the half width when on the edit or create page, when there is enough space.",
   "schemas.field.hiddenMarker": "Hidden",
   "schemas.field.hide": "Hide in API",
-  "schemas.field.hintsHint": "Describe this schema for documentation and user interfaces.",
+  "schemas.field.hintsHint": "Describe this field for documentation and the UI.",
   "schemas.field.inlineEditable": "Inline Editable",
-  "schemas.field.labelHint": "Display name for documentation and user interfaces.",
+  "schemas.field.labelHint": "Display name for documentation and the UI.",
   "schemas.field.localizable": "Localizable",
   "schemas.field.localizableHint": "You can mark the field as localizable. It means that is dependent on the language, for example a city name.",
   "schemas.field.localizableMarker": "localizable",

backend/i18n/frontend_it.json

@@ -663,6 +663,7 @@
   "schemas.field.enable": "Abilita nella UI",
   "schemas.field.enabledMarker": "Abilitato",
   "schemas.field.halfWidth": "Half Width",
+  "schemas.field.halfWidthHint": "Shows the field with only the half width when on the edit or create page, when there is enough space.",
   "schemas.field.hiddenMarker": "Nasconsto",
   "schemas.field.hide": "Nascondi nelle API",
   "schemas.field.hintsHint": "Descrivi questo schema per la documentazione e le interfacce utente.",

backend/i18n/frontend_nl.json

@@ -663,6 +663,7 @@
   "schemas.field.enable": "Inschakelen in gebruikersinterface",
   "schemas.field.enabledMarker": "Ingeschakeld",
   "schemas.field.halfWidth": "Half Width",
+  "schemas.field.halfWidthHint": "Shows the field with only the half width when on the edit or create page, when there is enough space.",
   "schemas.field.hiddenMarker": "Verborgen",
   "schemas.field.hide": "Verbergen in API",
   "schemas.field.hintsHint": "Beschrijf dit schema voor documentatie en gebruikersinterfaces.",

backend/i18n/source/frontend_en.json

@@ -663,11 +663,12 @@
   "schemas.field.enable": "Enable in UI",
   "schemas.field.enabledMarker": "Enabled",
   "schemas.field.halfWidth": "Half Width",
+  "schemas.field.halfWidthHint": "Shows the field with only the half width when on the edit or create page, when there is enough space.",
   "schemas.field.hiddenMarker": "Hidden",
   "schemas.field.hide": "Hide in API",
-  "schemas.field.hintsHint": "Describe this schema for documentation and user interfaces.",
+  "schemas.field.hintsHint": "Describe this field for documentation and the UI.",
   "schemas.field.inlineEditable": "Inline Editable",
-  "schemas.field.labelHint": "Display name for documentation and user interfaces.",
+  "schemas.field.labelHint": "Display name for documentation and the UI.",
   "schemas.field.localizable": "Localizable",
   "schemas.field.localizableHint": "You can mark the field as localizable. It means that is dependent on the language, for example a city name.",
   "schemas.field.localizableMarker": "localizable",

frontend/app/features/schemas/pages/schema/fields/forms/field-form-ui.component.html

@@ -1,5 +1,5 @@
 <div [formGroup]="fieldForm">
-    <div class="form-group row mb-2">
+    <div class="form-group row mb-3">
         <label class="col-3 col-form-label" for="{{field.fieldId}}_editorUrl">{{ 'schemas.field.editorUrl' | sqxTranslate }}</label>
 
         <div class="col-6">
@@ -43,14 +43,18 @@
 </ng-container>
 
 <div [formGroup]="fieldForm">
-    <div class="form-group row mt-2">
+    <div class="form-group row mt-3">
-        <div class="col-9 offset-3">
+        <div class="col-6 offset-3">
             <div class="custom-control custom-checkbox">
                 <input class="custom-control-input" type="checkbox" id="{{field.fieldId}}_fieldHalfWidth" formControlName="isHalfWidth">
                 <label class="custom-control-label" for="{{field.fieldId}}_fieldHalfWidth">
                     {{ 'schemas.field.halfWidth' | sqxTranslate }}
                 </label>
             </div>
+
+            <sqx-form-hint>
+                {{ 'schemas.field.halfWidthHint' | sqxTranslate }}
+            </sqx-form-hint>
         </div>
     </div>
 </div>

frontend/app/features/schemas/pages/schema/fields/forms/field-form-validation.component.html

@@ -1,5 +1,5 @@
 <div [formGroup]="fieldForm">
-    <div class="form-group row">
+    <div class="form-group row mb-3">
         <div class="col-9 offset-3">
             <div class="custom-control custom-checkbox">
                 <input class="custom-control-input" type="checkbox" id="{{field.fieldId}}_fieldRequired" formControlName="isRequired">

frontend/app/features/schemas/pages/schema/fields/types/string-validation.component.html

@@ -61,8 +61,10 @@
             <input type="text" class="form-control" id="{{field.fieldId}}_fieldDefaultValue" formControlName="defaultValue">
         </div>
     </div>
+
+    <hr />
     
-    <div class="form-group row mt-4">
+    <div class="form-group row">
         <label class="col-3 col-form-label">{{ 'schemas.fieldTypes.string.contentType' | sqxTranslate }}</label>
 
         <div class="col-6">

frontend/app/theme/_bootstrap-vars.scss

@@ -10,6 +10,8 @@ $h4-font-size:              $font-size-base * 1.1;
 $h5-font-size:              $font-size-base;
 $h6-font-size:              $font-size-base;
 
+$small-font-size:           90%;
+
 $body-bg:                   $color-background;
 
 $border-color:              $color-border;