From 7e2afd74378f1848deff61b75df6aae94442f07b Mon Sep 17 00:00:00 2001
From: gzbender <gzbender74@gmail.com>
Date: Thu, 6 Dec 2018 02:35:13 +0300
Subject: [PATCH] LIL-702

---
 web/src/components/FAQ.vue | 23 +++++++++++++++++++----
 web/src/sass/_common.sass  | 17 -----------------
 2 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/web/src/components/FAQ.vue b/web/src/components/FAQ.vue
index 37d2ae59..a87ce42b 100644
--- a/web/src/components/FAQ.vue
+++ b/web/src/components/FAQ.vue
@@ -1,11 +1,10 @@
 <template>
   <div class="faq">
     <div class="faq__item" v-for="faq in faqs" :class="{'faq__item_opened': faq.opened}">
-      <div class="faq__item-head">
+      <div class="faq__item-head" @click="open(faq)">
         <div class="faq__item-question">{{ faq.question }}</div>
         <div class="faq__item-opener">
-          <svg class="icon" :class="{'icon-arrow-up': faq.opened, 'icon-arrow-down': !faq.opened}"
-               @click="open(faq)">
+          <svg class="icon" :class="{'icon-arrow-up': faq.opened, 'icon-arrow-down': !faq.opened}">
             <use xlink:href="/static/img/sprite.svg#icon-arrow-down"></use>
           </svg>
         </div>
@@ -32,4 +31,20 @@
     }
 </script>
 
-<style></style>
+<style lang="sass">
+.faq
+  &__item-head
+    display: flex
+    background: #f8f8f8
+    padding: 7px 10px 5px
+    cursor: pointer
+  &__item-question
+    flex: 1
+  &__item-opener
+    margin-left: 10px
+    & .icon
+      width: 16px
+      height: 16px
+  &__item-answer
+    padding: 10px 10px
+</style>
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index fa671cd4..03555501 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -4502,20 +4502,3 @@ a
     background: $cyan
   &__preview.theme_violet2
     background: $viol2
-
-
-.faq
-  &__item-head
-    display: flex
-    background: #f8f8f8
-    padding: 7px 10px 5px
-  &__item-question
-    flex: 1
-  &__item-opener
-    margin-left: 10px
-    cursor: pointer
-    & .icon
-      width: 16px
-      height: 16px
-  &__item-answer
-    padding: 10px 10px