From 76caba536311de0e1c33acfadfcf184895165ca3 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Sat, 9 May 2020 18:02:43 +0300
Subject: [PATCH] More rem units

---
 public/themes/luna-amber/theme.css      | 7 ++++---
 public/themes/luna-green/theme.css      | 7 ++++---
 public/themes/luna-pink/theme.css       | 7 ++++---
 public/themes/nova-colored/theme.css    | 9 +++++----
 public/themes/nova-dark/theme.css       | 9 +++++----
 public/themes/nova-light/theme.css      | 9 +++++----
 public/themes/nova-vue/theme.css        | 9 +++++----
 public/themes/rhea/theme.css            | 7 ++++---
 public/themes/saga-blue/theme.css       | 9 +++++----
 public/themes/saga-cyan/theme.css       | 9 +++++----
 public/themes/saga-deeppurple/theme.css | 9 +++++----
 public/themes/saga-green/theme.css      | 9 +++++----
 public/themes/saga-indigo/theme.css     | 9 +++++----
 public/themes/saga-orange/theme.css     | 9 +++++----
 public/themes/saga-purple/theme.css     | 9 +++++----
 public/themes/saga-teal/theme.css       | 9 +++++----
 public/themes/vela-blue/theme.css       | 1 +
 public/themes/vela-cyan/theme.css       | 1 +
 public/themes/vela-deeppurple/theme.css | 1 +
 public/themes/vela-green/theme.css      | 1 +
 public/themes/vela-indigo/theme.css     | 1 +
 public/themes/vela-orange/theme.css     | 1 +
 public/themes/vela-purple/theme.css     | 1 +
 public/themes/vela-teal/theme.css       | 1 +
 src/views/button/ButtonDemo.vue         | 3 +--
 src/views/button/ButtonDoc.vue          | 1 +
 26 files changed, 86 insertions(+), 62 deletions(-)

diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index df172ac7f..6f64d27e6 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -2739,8 +2739,9 @@
   color: #dedede;
   border: 1px solid #191919;
   background: #191919;
-  min-width: 28px;
-  height: 28px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
   font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
@@ -2770,7 +2771,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 795fbd479..350752cbe 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -2739,8 +2739,9 @@
   color: #dedede;
   border: 1px solid #191919;
   background: #191919;
-  min-width: 28px;
-  height: 28px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
   font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
@@ -2770,7 +2771,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index e95fe452c..a1954b53c 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -2739,8 +2739,9 @@
   color: #dedede;
   border: 1px solid #191919;
   background: #191919;
-  min-width: 28px;
-  height: 28px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
   font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
@@ -2770,7 +2771,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css
index 3756374ad..5175511d3 100644
--- a/public/themes/nova-colored/theme.css
+++ b/public/themes/nova-colored/theme.css
@@ -2739,9 +2739,10 @@
   color: #333333;
   border: 1px solid #dee2e6;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 1.145rem;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2770,7 +2771,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css
index ff9d290eb..c84c85d06 100644
--- a/public/themes/nova-dark/theme.css
+++ b/public/themes/nova-dark/theme.css
@@ -2739,9 +2739,10 @@
   color: #333333;
   border: 1px solid #dee2e6;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 1.145rem;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2770,7 +2771,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css
index 897147a88..ee7106b0f 100644
--- a/public/themes/nova-light/theme.css
+++ b/public/themes/nova-light/theme.css
@@ -2739,9 +2739,10 @@
   color: #333333;
   border: 1px solid #dee2e6;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 1.145rem;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2770,7 +2771,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 4a49cddb5..17337c09a 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -2739,9 +2739,10 @@
   color: #333333;
   border: 1px solid #dee2e6;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 1.145rem;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2770,7 +2771,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index c15047ed6..b4e23dddc 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -2739,8 +2739,9 @@
   color: #a6a6a6;
   border: 1px solid #c8c8c8;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
   font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
@@ -2770,7 +2771,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 1053bceb5..28df4c013 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -2773,9 +2773,10 @@
   color: #495057;
   border: 1px solid #c8c8c8;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 16px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2804,7 +2805,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index 309d666a5..62cf81ac3 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -2773,9 +2773,10 @@
   color: #495057;
   border: 1px solid #c8c8c8;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 16px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2804,7 +2805,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index 6e85e7037..905a6263c 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -2773,9 +2773,10 @@
   color: #495057;
   border: 1px solid #c8c8c8;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 16px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2804,7 +2805,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 663785d70..d8b6bddd6 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -2773,9 +2773,10 @@
   color: #495057;
   border: 1px solid #c8c8c8;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 16px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2804,7 +2805,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index 208a430b3..16b6fcd08 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -2773,9 +2773,10 @@
   color: #495057;
   border: 1px solid #c8c8c8;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 16px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2804,7 +2805,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index c0df4643b..bf4492a07 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -2773,9 +2773,10 @@
   color: #495057;
   border: 1px solid #c8c8c8;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 16px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2804,7 +2805,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index a89e9ccf1..371f4fcf0 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -2773,9 +2773,10 @@
   color: #495057;
   border: 1px solid #c8c8c8;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 16px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2804,7 +2805,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index 26beb72a7..9bc4a4e17 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -2773,9 +2773,10 @@
   color: #495057;
   border: 1px solid #c8c8c8;
   background: #ffffff;
-  min-width: 28px;
-  height: 28px;
-  font-size: 16px;
+  min-width: 2rem;
+  height: 2rem;
+  line-height: 2rem;
+  font-size: 1.143rem;
   z-index: 1;
   border-radius: 50%;
 }
@@ -2804,7 +2805,7 @@
   left: 0;
   display: block;
   position: absolute;
-  margin-top: -14px;
+  margin-top: -1rem;
 }
 
 .p-tabmenu .p-tabmenu-nav {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 6f514d1f9..723e0fb74 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -2775,6 +2775,7 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
+  line-height: 28px;
   font-size: 16px;
   z-index: 1;
   border-radius: 50%;
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index bfae0bb59..b0b05f043 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -2775,6 +2775,7 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
+  line-height: 28px;
   font-size: 16px;
   z-index: 1;
   border-radius: 50%;
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index b080c4d35..696a84a3a 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -2775,6 +2775,7 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
+  line-height: 28px;
   font-size: 16px;
   z-index: 1;
   border-radius: 50%;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index be3369cb8..a7f75997b 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -2775,6 +2775,7 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
+  line-height: 28px;
   font-size: 16px;
   z-index: 1;
   border-radius: 50%;
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index 32bd13463..534dbdcde 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -2775,6 +2775,7 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
+  line-height: 28px;
   font-size: 16px;
   z-index: 1;
   border-radius: 50%;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 9a846d977..88ee3e802 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -2775,6 +2775,7 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
+  line-height: 28px;
   font-size: 16px;
   z-index: 1;
   border-radius: 50%;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 5071cd4ce..5fef7fd50 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -2775,6 +2775,7 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
+  line-height: 28px;
   font-size: 16px;
   z-index: 1;
   border-radius: 50%;
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index 906ae2faf..43afba4f9 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -2775,6 +2775,7 @@
   background: #ffffff;
   min-width: 28px;
   height: 28px;
+  line-height: 28px;
   font-size: 16px;
   z-index: 1;
   border-radius: 50%;
diff --git a/src/views/button/ButtonDemo.vue b/src/views/button/ButtonDemo.vue
index e3d0b812f..6146e1745 100755
--- a/src/views/button/ButtonDemo.vue
+++ b/src/views/button/ButtonDemo.vue
@@ -16,8 +16,6 @@
             <Button icon="pi pi-check" />
             <Button label="Submit" icon="pi pi-check" />
             <Button label="Submit" icon="pi pi-check" iconPos="right" />
-            <Button label="Submit" icon="pi pi-check" iconPos="top" />
-            <Button label="Submit" icon="pi pi-check" iconPos="bottom" />
 
             <h3>Severities</h3>
             <Button label="Primary" />
@@ -37,6 +35,7 @@
             <Button label="Danger" class="p-button-raised p-button-danger" />
 
             <h3>Rounded Buttons</h3>
+            <Button icon="pi pi-check" class="p-button-rounded" />
             <Button label="Primary" class="p-button-rounded" />
             <Button label="Secondary" class="p-button-rounded p-button-secondary" />
             <Button label="Success" class="p-button-rounded p-button-success" />
diff --git a/src/views/button/ButtonDoc.vue b/src/views/button/ButtonDoc.vue
index a05b1edc7..6cc1b1dca 100755
--- a/src/views/button/ButtonDoc.vue
+++ b/src/views/button/ButtonDoc.vue
@@ -187,6 +187,7 @@ import Button from 'primevue/button';
 
 &lt;h3&gt;Raised Buttons&lt;/h3&gt;
 &lt;Button label="Primary" class="p-button-raised" /&gt;
+&lt;Button label="Primary" class="p-button-raised" /&gt;
 &lt;Button label="Secondary" class="p-button-raised p-button-secondary" /&gt;
 &lt;Button label="Success" class="p-button-raised p-button-success" /&gt;
 &lt;Button label="Info" class="p-button-raised p-button-info" /&gt;