From 1800324c21505bf69157148b60658ff9ec88e59f Mon Sep 17 00:00:00 2001
From: Alex ORLUC <alex.orluc@maarch.org>
Date: Wed, 20 Mar 2019 16:05:53 +0100
Subject: [PATCH] fix css + MaxLength + pattern input

---
 .../shipping/shipping-administration.component.html       | 8 ++++----
 .../shipping/shipping-administration.component.scss       | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/frontend/app/administration/shipping/shipping-administration.component.html b/src/frontend/app/administration/shipping/shipping-administration.component.html
index 033870cf12a..ad95c91c57c 100644
--- a/src/frontend/app/administration/shipping/shipping-administration.component.html
+++ b/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>
diff --git a/src/frontend/app/administration/shipping/shipping-administration.component.scss b/src/frontend/app/administration/shipping/shipping-administration.component.scss
index f875928b269..5bb8cd11395 100644
--- a/src/frontend/app/administration/shipping/shipping-administration.component.scss
+++ b/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;
-- 
GitLab