From e3c4f4eea1a6591735d703147a45f5b97748dfed Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Wed, 13 May 2020 15:44:31 +0300
Subject: [PATCH] Button demo cosmetics

---
 src/views/button/ButtonDemo.vue | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/src/views/button/ButtonDemo.vue b/src/views/button/ButtonDemo.vue
index 55135996f..f9fabc38a 100755
--- a/src/views/button/ButtonDemo.vue
+++ b/src/views/button/ButtonDemo.vue
@@ -77,12 +77,18 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-button {
-    margin-right: .5em;
+.p-button {
+    margin-right: .5rem;
+}
+
+.p-buttonset {
+    .p-button {
+        margin-right: 0;
+    }
 }
 
 .sizes {
-    .p-button {
+    .button {
         margin-bottom: .5rem;
         display: block;
 
@@ -91,4 +97,21 @@ button {
         }
     }
 }
+
+@media screen and (max-width: 960px) {
+    .p-button {
+        margin-bottom: .5rem;
+
+        &:not(.p-button-icon-only) {
+            display: flex;
+            width: 100%;
+        }
+    }
+
+    .p-buttonset {
+        .p-button {
+            margin-bottom: 0;
+        }
+    }
+}
 </style>
\ No newline at end of file