From a79ff51f153d1f556d7f746fce8e10657736d6c6 Mon Sep 17 00:00:00 2001
From: Lieu Le <lieult84@gmail.com>
Date: Wed, 25 Sep 2019 14:33:59 +0700
Subject: [PATCH] update

---
 assets/opalestate.css                  | 34 +++++++++++++++++++-----
 assets/scss/opalestate/_dashboard.scss | 36 +++++++++++++++++++++-----
 2 files changed, 58 insertions(+), 12 deletions(-)

diff --git a/assets/opalestate.css b/assets/opalestate.css
index a03613df..34f42ed7 100755
--- a/assets/opalestate.css
+++ b/assets/opalestate.css
@@ -3826,13 +3826,17 @@ header#masthead {
     border-bottom: 1px solid #eee;
     padding-bottom: 15px; }
     .card-item .heading i {
-      background: rgba(0, 0, 0, 0.18);
-      padding: 15px;
-      border-radius: 50%;
-      min-width: 45px;
+      background: #2f73e9;
+      color: #FFF;
+      padding: 10px;
+      min-width: 32px;
       text-align: center;
       margin-right: 10px;
-      color: #FFF; }
+      border-radius: 50%;
+      -webkit-border-radius: 50%;
+      -moz-border-radius: 50%;
+      -ms-border-radius: 50%;
+      -o-border-radius: 50%; }
     .card-item .heading span {
       font-size: 16px;
       color: #23282d;
@@ -3856,6 +3860,12 @@ header#masthead {
     height: 100%;
     z-index: 100;
     top: 0px; }
+    .opalestate-user-management .user-dasboard-sidebar .navbar-brand {
+      text-align: center;
+      margin: 50px 0 60px 0; }
+      .opalestate-user-management .user-dasboard-sidebar .navbar-brand .custom-logo-link {
+        padding: 60px 30px;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
     .opalestate-user-management .user-dasboard-sidebar .user-dasboard-sidebar-inner {
       padding-top: 20px; }
   .opalestate-user-management .navbar-brand {
@@ -3863,7 +3873,19 @@ header#masthead {
   .opalestate-user-management .account-links {
     list-style: none;
     padding: 0;
-    margin: 0; }
+    margin: 0;
+    max-height: 520px;
+    overflow-y: scroll; }
+    @media (max-width: 991px) {
+      .opalestate-user-management .account-links {
+        max-height: 400px; } }
+    .opalestate-user-management .account-links::-webkit-scrollbar {
+      width: 8px;
+      background-color: #1d2329; }
+    .opalestate-user-management .account-links::-webkit-scrollbar-thumb {
+      border-radius: 10px;
+      -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
+      background-color: #555; }
     .opalestate-user-management .account-links a {
       padding: 8px 20px;
       width: 100%;
diff --git a/assets/scss/opalestate/_dashboard.scss b/assets/scss/opalestate/_dashboard.scss
index 33a27a06..1ee61481 100755
--- a/assets/scss/opalestate/_dashboard.scss
+++ b/assets/scss/opalestate/_dashboard.scss
@@ -245,13 +245,13 @@
 		border-bottom:1px solid #eee;
 		padding-bottom: $grid-gutter-width/2;
 		i {
-			background:rgba(0, 0, 0, .18);
-			padding:15px;
-			border-radius:50%;
-			min-width: 45px;
+			background:$primary;
+			color: $white;
+			padding:10px;
+			min-width: 32px;
 			text-align: center;
 			margin-right: 10px;
-			color:$white;
+			@include border-radius(50%);
 		}
 		span {
 			font-size: 16px;
@@ -285,6 +285,14 @@
 		height:100%;
 		z-index:100;
 		top:0px;
+		.navbar-brand {
+			text-align: center;
+			margin: 50px 0 60px 0;
+			.custom-logo-link {
+				padding: $grid-gutter-width*2 $grid-gutter-width;
+				border-bottom:1px solid rgba(255,255,255, 0.1);
+			}
+		}
 	 	.user-dasboard-sidebar-inner{
 	 		padding-top:20px;
 	 	}
@@ -296,7 +304,23 @@
 	.account-links {
 		list-style:none;
 		padding:0;
-		margin : 0; 
+		margin : 0;
+		max-height: 520px;
+		overflow-y: scroll;
+		@media(max-width: 991px) {
+			max-height: 400px;
+		}
+		&::-webkit-scrollbar {
+			width: 8px;
+			background-color: #1d2329;
+		}
+
+		&::-webkit-scrollbar-thumb {
+			border-radius: 10px;
+			-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
+			background-color: #555;
+		}
+
 		a {
 			padding:8px 20px;
 			width:100%;