From de08b53ae1609726fbce881fd50132c24598b29a Mon Sep 17 00:00:00 2001
From: Ildar Kamalov <i.kamalov@adguard.com>
Date: Wed, 20 Feb 2019 12:02:46 +0300
Subject: [PATCH] Fix list styles

---
 .../components/Settings/Encryption/Form.js    | 24 ++++++++++---------
 client/src/components/Settings/Settings.css   |  8 +++++++
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/client/src/components/Settings/Encryption/Form.js b/client/src/components/Settings/Encryption/Form.js
index b52c6f78..b9eeed34 100644
--- a/client/src/components/Settings/Encryption/Form.js
+++ b/client/src/components/Settings/Encryption/Form.js
@@ -192,7 +192,7 @@ let Form = (props) => {
                                     <div className="form__label form__label--bold">
                                         <Trans>encryption_status</Trans>:
                                     </div>
-                                    <ul>
+                                    <ul className="encryption__list">
                                         <li className={valid_chain ? 'text-success' : 'text-danger'}>
                                             {valid_chain ?
                                                 <Trans>encryption_chain_valid</Trans>
@@ -256,16 +256,18 @@ let Form = (props) => {
                                     <div className="form__label form__label--bold">
                                         <Trans>encryption_status</Trans>:
                                     </div>
-                                    <p className={valid_key ? 'text-success' : 'text-danger'}>
-                                        {valid_key ?
-                                            <Trans values={{ type: key_type }}>
-                                                encryption_key_valid
-                                            </Trans>
-                                            : <Trans values={{ type: key_type }}>
-                                                encryption_key_invalid
-                                            </Trans>
-                                        }
-                                    </p>
+                                    <ul className="encryption__list">
+                                        <li className={valid_key ? 'text-success' : 'text-danger'}>
+                                            {valid_key ?
+                                                <Trans values={{ type: key_type }}>
+                                                    encryption_key_valid
+                                                </Trans>
+                                                : <Trans values={{ type: key_type }}>
+                                                    encryption_key_invalid
+                                                </Trans>
+                                            }
+                                        </li>
+                                    </ul>
                                 </Fragment>
                             }
                         </div>
diff --git a/client/src/components/Settings/Settings.css b/client/src/components/Settings/Settings.css
index b364be6e..2da2ce74 100644
--- a/client/src/components/Settings/Settings.css
+++ b/client/src/components/Settings/Settings.css
@@ -68,3 +68,11 @@
     font-size: 14px;
     line-height: 1.7;
 }
+
+.encryption__list {
+    padding-left: 0;
+}
+
+.encryption__list li {
+    list-style: inside;
+}