From b9214ae7ef57179b8f0e61f21ff99a9122afd413 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Mon, 6 Jul 2020 11:57:05 +0300
Subject: [PATCH] Demo update

---
 src/views/datatable/DataTableCrudDemo.vue | 4 ++--
 src/views/flexbox/FlexBoxDemo.vue         | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/datatable/DataTableCrudDemo.vue b/src/views/datatable/DataTableCrudDemo.vue
index 66b69be19..61ddde62f 100755
--- a/src/views/datatable/DataTableCrudDemo.vue
+++ b/src/views/datatable/DataTableCrudDemo.vue
@@ -16,13 +16,13 @@
                     </template>
 
                     <template slot="right">
-                        <FileUpload mode="basic" accept="image/*" :maxFileSize="1000000" label="Import" chooseLabel="Import" class="p-mr-2" />
+                        <FileUpload mode="basic" accept="image/*" :maxFileSize="1000000" label="Import" chooseLabel="Import" class="p-mr-2 p-d-inline-block" />
                         <Button label="Export" icon="pi pi-upload" class="p-button-help" @click="exportCSV($event)"  />
                     </template>
                 </Toolbar>
 
                 <DataTable ref="dt" :value="products" :selection.sync="selectedProducts" dataKey="id"
-                    :paginator="true" :rows="10" :filters="filters"
+                    :paginator="true" :rows="10" :filters="filters" 
                     paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rowsPerPageOptions="[5,10,25]"
                     currentPageReportTemplate="Showing {first} to {last} of {totalRecords} products">
                     <template #header>
diff --git a/src/views/flexbox/FlexBoxDemo.vue b/src/views/flexbox/FlexBoxDemo.vue
index 54a619331..d88c33d24 100644
--- a/src/views/flexbox/FlexBoxDemo.vue
+++ b/src/views/flexbox/FlexBoxDemo.vue
@@ -103,13 +103,13 @@
 &lt;div class="p-d-flex"&gt;
     &lt;div class="p-mr-2 p-order-3"&gt;Item 1&lt;/div&gt;
     &lt;div class="p-mr-2 p-order-1"&gt;Item 2&lt;/div&gt;
-    &lt;div class="p-order-2"&gt;Item 3&lt;/div&gt;
+    &lt;div class="p-mr-2 p-order-2"&gt;Item 3&lt;/div&gt;
 &lt;/div&gt;
 </CodeHighlight>
             <div class="p-d-flex">
                 <div class="p-mr-2 p-order-3">Item 1</div>
                 <div class="p-mr-2 p-order-1">Item 2</div>
-                <div class="p-order-2">Item 3</div>
+                <div class="p-mr-2 p-order-2">Item 3</div>
             </div>
 
             <h6>Responsive</h6>