Update

1 files changed, 47 insertions, 9 deletions

diff --git a/assets/logo/custom.css b/assets/logo/custom.css
index 76ad1d5..11f29f9 100644
--- a/assets/logo/custom.css
+++ b/assets/logo/custom.css
@@ -119,15 +119,15 @@ body {
 }
 
 .dropdown-menu {
-    background-color: #222;
+    background-color: #222 !important;
 }
 
 .dropdown-item:hover {
-    background-color: rgba(255, 255, 255, .1);
+    background-color: rgba(255, 255, 255, .1) !important;
 }
 
 .dropdown-item:active, .dropdown-item:focus {
-    background-color: rgba(255, 255, 255, .2);
+    background-color: rgba(255, 255, 255, .2) !important;
 }
 
 .dropdown-item {
@@ -135,16 +135,16 @@ body {
 }
 
 .dropdown-icon {
-    filter: invert(1);
+    filter: invert(1) !important;
 }
 
 .dropdown-toggle .dropdown-icon {
-    opacity: .5;
-    transition: 200ms opacity;
+    opacity: .5; !important;
+    transition: 200ms opacity !important;
 }
 
 .dropdown-toggle:hover .dropdown-icon, .dropdown-toggle:active .dropdown-icon, .dropdown-toggle:focus .dropdown-icon {
-    opacity: .75;
+    opacity: .75 !important;
 }
 
 dd {
@@ -596,7 +596,7 @@ peh-muted {
 }
 
 .dropdown-toggle::after {
-    margin-bottom: -3px;
+    margin-bottom: -3px !important;
 }
 
 .navbar-nav {
@@ -621,10 +621,27 @@ peh-muted {
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
     display: grid;
-    grid-template-columns: repeat(6, 1fr);
+    grid-template-columns: repeat(5, 1fr);
     text-align: center;
 }
 
+#member-details.member-details-loggedIn {
+    border-radius: 0;
+    padding-bottom: 0 !important;
+}
+
+#member-details-2 {
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
+    padding: 10px 20px;
+    text-align: center;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    background: rgba(255, 255, 255, .1);
+    border: 1px solid transparent;
+    border-top: none;
+}
+
 .navbar-collapse.show {
     z-index: 99999;
 }
@@ -646,6 +663,27 @@ peh-muted {
         grid-template-columns: repeat(2, 1fr) !important;
         text-align: left;
     }
+
+    #member-details-2 {
+        grid-template-columns: repeat(2, 1fr) !important;
+        text-align: left;
+    }
+
+    .member-detail-desktop {
+        display: none !important;
+    }
+
+    .member-detail-mobile {
+        display: initial !important;
+    }
+}
+
+.member-detail-desktop {
+    display: initial;
+}
+
+.member-detail-mobile {
+    display: none;
 }
 
 .linked-card {