From dc3ffb9809081754c4fbbbd93ef79bca7350fc0f Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Mon, 20 Jul 2020 13:51:46 +0300
Subject: [PATCH] Cosmetics on homepage

---
 src/AppFooter.vue                  | 2 +-
 src/assets/styles/app/_footer.scss | 1 +
 src/assets/styles/app/_home.scss   | 9 +++++++--
 src/views/Home.vue                 | 2 ++
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/AppFooter.vue b/src/AppFooter.vue
index 137f6e958..f0442011c 100755
--- a/src/AppFooter.vue
+++ b/src/AppFooter.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="content-section layout-footer">
+    <div class="layout-footer">
         <div class="layout-footer-left">
             <span>PrimeVue 2.0.4 by </span>
             <a href="https://www.primetek.com.tr">PrimeTek</a>
diff --git a/src/assets/styles/app/_footer.scss b/src/assets/styles/app/_footer.scss
index e18bea11d..ba6b0e878 100644
--- a/src/assets/styles/app/_footer.scss
+++ b/src/assets/styles/app/_footer.scss
@@ -1,5 +1,6 @@
 .layout-footer {
     font-size: 1rem;
+    padding: 2rem;
     background-color: var(--surface-a);
     display: flex;
     align-items: center;
diff --git a/src/assets/styles/app/_home.scss b/src/assets/styles/app/_home.scss
index 58128d04c..52bbb8b6e 100644
--- a/src/assets/styles/app/_home.scss
+++ b/src/assets/styles/app/_home.scss
@@ -1,8 +1,13 @@
 /* Home Component*/
 .home {
     a {
-        color: var(--primary-color);
-        font-weight: 500;
+        text-decoration: none;
+        color: $linkColor;
+        font-weight: 600;
+
+        &:hover {
+            text-decoration: underline;
+        }
     }
     
     p {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 25465e2e7..cfd875bda 100755
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -119,6 +119,7 @@
                 <div class="p-col-6 p-md-2"><img alt="viacom" src="../assets/images/home/viacom.svg"/></div>
             </div>
         </div>
+
         <div class="templates">
             <h4>Premium Application Templates</h4>
             <p>Gorgeous Vue-CLI application templates designed by professional designers and implemented by Vue Experts to help you reach your goals in no time.</p>
@@ -179,6 +180,7 @@
                 </div>
             </div>
         </div>
+        
         <div class="primevue-designer">
             <h4>Theme Designer</h4>
             <p>PrimeVue is a design-agnostic library and the theming system is based on the Theme Designer, the official tool to create themes for the components. Designer includes a SASS enabled infrastructure that has over 500 customizable variables, a live editor