From 9859cbaecae42515effc24b256e7050f4bf80390 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Thu, 14 May 2020 12:48:57 +0300
Subject: [PATCH] Cosmetics

---
 src/AppConfigurator.vue            |  6 +++---
 src/assets/styles/app/_config.scss | 10 ++++++----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/AppConfigurator.vue b/src/AppConfigurator.vue
index de0dc74f2..ce1fac20f 100755
--- a/src/AppConfigurator.vue
+++ b/src/AppConfigurator.vue
@@ -10,14 +10,14 @@
 
             <div class="layout-config-content">
                 <div class="free-themes">
-                    <h1 style="margin-top: 0">COMPONENT SCALE</h1>
+                    <h3 style="margin-top: 0">Component Scale</h3>
                     <div class="config-scale">
                         <Button icon="pi pi-minus" @click="decrementScale()" class="p-button-secondary" :disabled="scale === scales[0]"/>
                         <i class="pi pi-circle-on" v-for="s of scales" :class="{'scale-active': s === scale}" :key="s"/>
                         <Button icon="pi pi-plus"  @click="incrementScale()" class="p-button-secondary" :disabled="scale === scales[scales.length - 1]" />
                     </div>
 
-                    <h1>FREE THEMES</h1>
+                    <h3>Free Themes</h3>
                     <p>Built-in component themes created by the <a href="https://www.primefaces.org/designer/primevue">PrimeVue Theme Designer</a>.</p>
 
                     <div class="p-grid">
@@ -200,7 +200,7 @@
                 </div>
 
                 <div class="premium-themes">
-                    <h1>PREMIUM VUE-CLI TEMPLATES</h1>
+                    <h3>Premium Vue-CLI Template</h3>
                     <p>Beautifully crafted premium <a href="https://cli.vuejs.org">Vue CLI</a> application templates by the PrimeTek design team.</p>
                     <div class="p-grid">
                         <div class="p-col-12 p-md-6">
diff --git a/src/assets/styles/app/_config.scss b/src/assets/styles/app/_config.scss
index 1bc25c7d4..b6a6ad6dc 100644
--- a/src/assets/styles/app/_config.scss
+++ b/src/assets/styles/app/_config.scss
@@ -99,10 +99,12 @@
         }
     }
 
-    h1 {
-        font-size: 1.286rem;
-        letter-spacing: .1px;
-        margin: 0 0 .5rem 0;
+    h3 {
+        margin-top: 1.5rem;
+        margin-bottom: .75rem;
+        font-size: 1.5rem;
+        font-weight: 500;
+        color: var(--text-color);
     }
 
     .p-grid > div {