From 2b2ced5700de873fd680563c6b9fb9603c2af281 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Wed, 1 Jul 2020 20:59:31 +0300
Subject: [PATCH] Update inputnumber

---
 src/components/inputnumber/InputNumber.vue |  4 ++--
 src/views/inputnumber/InputNumberDemo.vue  | 19 +++++++------------
 src/views/inputnumber/InputNumberDoc.vue   | 13 +++++++------
 3 files changed, 16 insertions(+), 20 deletions(-)

diff --git a/src/components/inputnumber/InputNumber.vue b/src/components/inputnumber/InputNumber.vue
index 4a18459bc..87ae0e3fb 100755
--- a/src/components/inputnumber/InputNumber.vue
+++ b/src/components/inputnumber/InputNumber.vue
@@ -626,8 +626,8 @@ export default {
     flex: 0 0 auto;
 }
 
-.p-inputnumber-buttons-stacked .p-inputnumber-button .p-button-text,
-.p-inputnumber-buttons-horizontal .p-inputnumber-button .p-button-text {
+.p-inputnumber-buttons-stacked .p-inputnumber-button .p-button-label,
+.p-inputnumber-buttons-horizontal .p-inputnumber-button .p-button-label {
     display: none;
 }
 
diff --git a/src/views/inputnumber/InputNumberDemo.vue b/src/views/inputnumber/InputNumberDemo.vue
index 0cb13cea9..358b457bb 100755
--- a/src/views/inputnumber/InputNumberDemo.vue
+++ b/src/views/inputnumber/InputNumberDemo.vue
@@ -99,16 +99,17 @@
                         <InputNumber id="horizontal" v-model="value18" showButtons buttonLayout="horizontal" spinnerMode="horizontal" :step="0.25"
                             decrementButtonClass="p-button-danger" incrementButtonClass="p-button-success" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" mode="currency" currency="EUR" />
                     </div>
-                    <div class="p-field p-col-12 p-md-3">
-                        <label for="vertical">Vertical</label>
-                        <InputNumber id="vertical" v-model="value19" mode="decimal" showButtons buttonLayout="vertical" spinnerMode="vertical"
-                            decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" />
-                    </div>
                     <div class="p-field p-col-12 p-md-3">
                         <label for="minmax-buttons">Min-Max Boundaries</label>
                         <InputNumber id="minmax-buttons" v-model="value20" mode="decimal" showButtons :min="0" :max="100" />
                     </div>
                 </div>
+
+                <div class="p-field p-col-12 p-md-3">
+                    <label for="vertical" style="display: block">Vertical</label>
+                    <InputNumber id="vertical" v-model="value19" mode="decimal" showButtons buttonLayout="vertical" spinnerMode="vertical" style="width:4rem"
+                        decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" />
+                </div>
             </div>
         </div>
 
@@ -148,10 +149,4 @@ export default {
 		'InputNumberDoc': InputNumberDoc
 	}
 }
-</script>
-
-<style scoped>
-.layout-content .content-section.implementation > h3 {
-    font-weight: 600;
-}
-</style>
+</script>
\ No newline at end of file
diff --git a/src/views/inputnumber/InputNumberDoc.vue b/src/views/inputnumber/InputNumberDoc.vue
index 70aef106c..5456a1847 100755
--- a/src/views/inputnumber/InputNumberDoc.vue
+++ b/src/views/inputnumber/InputNumberDoc.vue
@@ -397,7 +397,7 @@ Vertical
     &lt;/div&gt;
 &lt;/div&gt;
 
-&lt;h3&gt;Buttons&lt;/h3&gt;
+&lt;h5&gt;Buttons&lt;/h5&gt;
 &lt;div class="p-grid p-fluid"&gt;
     &lt;div class="p-field p-col-12 p-md-3"&gt;
         &lt;label for="stacked"&gt;Stacked&lt;/label&gt;
@@ -408,16 +408,17 @@ Vertical
         &lt;InputNumber id="horizontal" v-model="value18" showButtons buttonLayout="horizontal" spinnerMode="horizontal" :step="0.25"
             decrementButtonClass="p-button-danger" incrementButtonClass="p-button-success" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" mode="currency" currency="EUR" /&gt;
     &lt;/div&gt;
-    &lt;div class="p-field p-col-12 p-md-3"&gt;
-        &lt;label for="vertical"&gt;Vertical&lt;/label&gt;
-        &lt;InputNumber id="vertical" v-model="value19" mode="decimal" showButtons buttonLayout="vertical" spinnerMode="vertical"
-            decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" /&gt;
-    &lt;/div&gt;
     &lt;div class="p-field p-col-12 p-md-3"&gt;
         &lt;label for="minmax-buttons"&gt;Min-Max Boundaries&lt;/label&gt;
         &lt;InputNumber id="minmax-buttons" v-model="value20" mode="decimal" showButtons :min="0" :max="100" /&gt;
     &lt;/div&gt;
 &lt;/div&gt;
+
+&lt;div class="p-field p-col-12 p-md-3"&gt;
+    &lt;label for="vertical" style="display: block"&gt;Vertical&lt;/label&gt;
+    &lt;InputNumber id="vertical" v-model="value19" mode="decimal" showButtons buttonLayout="vertical" spinnerMode="vertical" style="width:4rem"
+        decrementButtonClass="p-button-secondary" incrementButtonClass="p-button-secondary" incrementButtonIcon="pi pi-plus" decrementButtonIcon="pi pi-minus" /&gt;
+&lt;/div&gt;
 </template>
 </CodeHighlight>