From 124303b8b8895c1baf60f910b199835b66d95d46 Mon Sep 17 00:00:00 2001
From: Kostiantyn Pashura <pkostyan2007@gmail.com>
Date: Tue, 18 Oct 2016 16:22:56 +0300
Subject: [PATCH] feedback style variables

---
 css/_variables.scss                | 10 +++++++++-
 css/modals/feedback/_feedback.scss | 27 ++++++++++++++++++++++++---
 2 files changed, 33 insertions(+), 4 deletions(-)

diff --git a/css/_variables.scss b/css/_variables.scss
index f3b6a3751..d77fcfcfd 100644
--- a/css/_variables.scss
+++ b/css/_variables.scss
@@ -47,9 +47,17 @@ $raiseHandBg: #D6D61E;
 $audioLevelBg: #44A5FF;
 $audioLevelShadow: rgba(9, 36, 77, 0.9);
 
+/**
+ * Feedback Modal
+ */
+$feedbackContentBg: #fff;
+$feedbackInputBg: #fff;
+$feedbackTextColor: #000;
+$feedbackInputTextColor: #333;
+$feedbackInputPlaceholderColor: #777;
+$rateStarLabelColor: #333;
 $rateStarDefault: #ccc;
 $rateStarActivity: #165ecc;
-$rateStarLabelColor: #333;
 
 /**
  * Misc.
diff --git a/css/modals/feedback/_feedback.scss b/css/modals/feedback/_feedback.scss
index 4fcc12346..279ec9071 100644
--- a/css/modals/feedback/_feedback.scss
+++ b/css/modals/feedback/_feedback.scss
@@ -48,18 +48,37 @@
 .feedback.aui-dialog2{
     .aui-dialog2{
         &-header {
-            background-color: $auiDialogContentBg;
+            background-color: $feedbackContentBg;
             border-bottom-color: transparent;
             padding-top: 30px;
             h2 {
+                color: $feedbackTextColor;
                 text-align: center;
             }
         }
 
         &-content {
+            background-color: $feedbackContentBg;
             text-align: center;
             padding: 10px 40px 20px 40px;
 
+            .input-control{
+                &__input {
+                    background-color: $feedbackInputBg;
+                    color: $feedbackInputTextColor;
+
+                    &::-webkit-input-placeholder {
+                        color: $feedbackInputPlaceholderColor;
+                    }
+                    &::-moz-placeholder {  /* Firefox 19+ */
+                        color: $feedbackInputPlaceholderColor;
+                    }
+                    &:-ms-input-placeholder {
+                        color: $feedbackInputPlaceholderColor;
+                    }
+                }
+            }
+
             .rating {
                 line-height: 1.2;
                 text-align: center;
@@ -68,10 +87,12 @@
                 .star-label {
                     height: 16px;
                     font-size: 14px;
+                    color: $rateStarLabelColor;
                 }
                 .star-btn {
+                    display: inline-block;
                     color: $rateStarDefault;
-                    font-size: 36px;
+                    font-size: 34px;
                     position: relative;
                     cursor: pointer;
                     outline: none;
@@ -97,7 +118,7 @@
             }
         }
         &-footer {
-            background-color: $auiDialogContentBg;
+            background-color: $feedbackContentBg;
             border-top-color: transparent;
         }
     }