From 1f5e43b38817b8c6a3b121d6bd4447411e135f5d Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <Unknowngi@live.com>
Date: Wed, 9 Sep 2015 22:32:21 +0500
Subject: Adding minor hover changes for settings

---
 web/react/components/setting_item_min.jsx   |  3 ++-
 web/sass-files/sass/partials/_settings.scss | 12 ++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/web/react/components/setting_item_min.jsx b/web/react/components/setting_item_min.jsx
index d6ccc106c..2c0fdf2f4 100644
--- a/web/react/components/setting_item_min.jsx
+++ b/web/react/components/setting_item_min.jsx
@@ -12,7 +12,8 @@ export default class SettingItemMin extends React.Component {
                         href='#'
                         onClick={this.props.updateSection}
                     >
-                        Edit
+                        <i className='fa fa-pencil'/>
+                        {'Edit'}
                     </a>
                 </li>
             );
diff --git a/web/sass-files/sass/partials/_settings.scss b/web/sass-files/sass/partials/_settings.scss
index 468880724..2b59a943b 100644
--- a/web/sass-files/sass/partials/_settings.scss
+++ b/web/sass-files/sass/partials/_settings.scss
@@ -61,6 +61,12 @@
                 &:hover {
                     background: #f9f9f9;
                 }
+                &:hover .fa {
+                    display: inline-block;
+                }
+                &:hover .section-edit {
+                    text-decoration: underline;
+                }
             }
 
             .section-max {
@@ -81,6 +87,12 @@
             .section-edit {
                 text-align: right;
                 margin-bottom: 5px;
+                .fa {
+                    margin-right: 7px;
+                    font-size: 12px;
+                    color: #aaa;
+                    display: none;
+                }
             }
 
             .section-describe {
-- 
cgit v1.2.3-1-g7c22