fix css + MaxLength + pattern input

src/frontend/app/administration/shipping/shipping-administration.component.html

@@ -15,7 +15,7 @@
                         <div class="col-sm-12">
                             <mat-form-field>
                                 <input matInput [(ngModel)]="shipping.label" required name="label" id="label" title="{{lang.label}}"
-                                    type="text" placeholder="{{lang.label}}" maxlength="255">
+                                    type="text" placeholder="{{lang.label}}" maxlength="64">
                             </mat-form-field>
                         </div>
                     </div>
@@ -63,7 +63,7 @@
                                 <mat-form-field appearance="outline">
                                     <input matInput [(ngModel)]="shipping.fee.first_page_price" required name="first_page_price"
                                         id="first_page_price" title="{{lang.shipping_first_page_price}}" type="number"
-                                        maxlength="255" min="0" step="0.1">
+                                        maxlength="255" min="0" step="0.1" pattern="^(?=.+)(?:[1-9]\d*|0)?(?:\.\d+)?$">
                                     <span matSuffix>&nbsp;€</span>
                                 </mat-form-field>
                             </div>
@@ -74,7 +74,7 @@
                                 <mat-form-field appearance="outline">
                                     <input matInput [(ngModel)]="shipping.fee.next_page_price" required name="next_page_price"
                                         id="next_page_price" title="{{lang.shipping_next_page_price}}" type="number"
-                                        maxlength="255" min="0" step="0.1">
+                                        maxlength="255" min="0" step="0.1" pattern="^(?=.+)(?:[1-9]\d*|0)?(?:\.\d+)?$">
                                     <span matSuffix>&nbsp;€</span>
                                 </mat-form-field>
                             </div>
@@ -85,7 +85,7 @@
                                 <mat-form-field appearance="outline">
                                     <input matInput [(ngModel)]="shipping.fee.postage_price" required name="postage_price"
                                         id="postage_price" title="{{lang.shipping_postage_price}}" type="number"
-                                        maxlength="255" min="0" step="0.1">
+                                        maxlength="255" min="0" step="0.1" pattern="^(?=.+)(?:[1-9]\d*|0)?(?:\.\d+)?$">
                                     <span matSuffix>&nbsp;€</span>
                                 </mat-form-field>
                             </div>

src/frontend/app/administration/shipping/shipping-administration.component.scss

@@ -93,7 +93,7 @@
     }
 
     .mat-form-field {
-        width: 80px !important;
+        width: 90px !important;
 
         input {
             font-weight: bold;