From 6ba0e4686abfe4407ac009ed39726f08bf63ac8c Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Thu, 28 Mar 2019 16:40:46 +0300
Subject: [PATCH] * client: accordion styles

---
 client/src/components/ui/Accordion.css | 7 +++++--
 client/src/components/ui/Accordion.js  | 6 ++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/src/components/ui/Accordion.css b/client/src/components/ui/Accordion.css
index 8644f08a..d62695aa 100644
--- a/client/src/components/ui/Accordion.css
+++ b/client/src/components/ui/Accordion.css
@@ -1,9 +1,13 @@
+.accordion {
+    color: #495057;
+}
+
 .accordion__label {
     position: relative;
     display: inline-block;
     padding-left: 25px;
-    color: #495057;
     cursor: pointer;
+    user-select: none;
 }
 
 .accordion__label:after {
@@ -25,5 +29,4 @@
 
 .accordion__content {
     padding-top: 5px;
-    color: #495057;
 }
diff --git a/client/src/components/ui/Accordion.js b/client/src/components/ui/Accordion.js
index df94b179..90fa25f9 100644
--- a/client/src/components/ui/Accordion.js
+++ b/client/src/components/ui/Accordion.js
@@ -13,12 +13,14 @@ class Accordion extends Component {
     };
 
     render() {
-        const accordionClass = this.state.isOpen ? 'accordion__label--open' : '';
+        const accordionClass = this.state.isOpen
+            ? 'accordion__label accordion__label--open'
+            : 'accordion__label';
 
         return (
             <div className="accordion">
                 <div
-                    className={`accordion__label ${accordionClass}`}
+                    className={accordionClass}
                     onClick={this.handleClick}
                 >
                     {this.props.label}