From 73f3ed9dde2223c20469d0396d09db83fe1b86d3 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Mon, 10 Dec 2018 15:25:02 +0300
Subject: [PATCH] Demo cosmetics on flexgrid

---
 src/assets/styles/app.scss          | 6 +++---
 src/views/flexgrid/FlexGridDemo.vue | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/assets/styles/app.scss b/src/assets/styles/app.scss
index ac7f38405..ab8d8b6d4 100644
--- a/src/assets/styles/app.scss
+++ b/src/assets/styles/app.scss
@@ -419,13 +419,13 @@ body {
 
                 a {
                     border-radius: 3px;
-                    background-color: #b2ddea;
-                    color: #00475d;
+                    background-color: #2f4860;
+                    color: #ffffff;
                     padding: 2px 4px;
                     @include transition(background-color .2s);
 
                     &:hover {
-                        background-color: #d8eef4;
+                        background-color: #536e8b;
                     }
                 }
             }
diff --git a/src/views/flexgrid/FlexGridDemo.vue b/src/views/flexgrid/FlexGridDemo.vue
index 604473104..bc300e98e 100644
--- a/src/views/flexgrid/FlexGridDemo.vue
+++ b/src/views/flexgrid/FlexGridDemo.vue
@@ -2,9 +2,9 @@
     <div>
         <div class="content-section introduction">
             <div class="feature-intro">
-                <h1>InputText</h1>
+                <h1>FlexGrid</h1>
                 <p>Flex Grid CSS is a lightweight flex based responsive layout utility optimized for mobile phones, tablets and desktops. 
-                    Flex Grid CSS is not included in PrimeReact as it is provided by <a href="https://github.com/primefaces/primeflex">PrimeFlex</a>, a shared grid library between PrimeFaces, PrimeNG, PrimeReact and PrimeVue projects.</p>
+                    Flex Grid CSS is not included in PrimeReact as it is provided by <a href="https://github.com/primefaces/primeflex">PrimeFlex</a> , a shared grid library between PrimeFaces, PrimeNG, PrimeReact and PrimeVue projects.</p>
             </div>
         </div>
 
@@ -444,7 +444,7 @@ export default {
 .flexgrid-demo {
     .box,
     .sample-layout > div {
-        background-color: #cce4f7;
+        background-color: #f1f1f1;
         text-align: center;
         padding-top: 1em;
         padding-bottom: 1em;
@@ -466,7 +466,7 @@ export default {
     .vertical-container {
         margin: 0;
         height: 200px;
-        background: #efefef;
+        background: #f1f1f1;
         border-radius: 4px;
     }