Cleanup & debug .nav-stacked styles

app/assets/javascripts/discourse/templates/user/notifications.hbs

@@ -5,8 +5,7 @@
     </li>
     <li>
       {{#link-to 'userNotifications.responses'}}
-        {{d-icon "reply" class="glyph"}}
-        {{i18n 'user_action_groups.6'}}
+        {{d-icon "reply" class="glyph"}}{{i18n 'user_action_groups.6'}}
       {{/link-to}}
     </li>
     <li>

app/assets/stylesheets/common/admin/admin_base.scss

@@ -374,23 +374,18 @@ td.flaggers td {
 .admin-nav {
   width: 18.018%;
   position: relative;
+
+  li a.active {
+    color: $secondary;
+    background-color: $quaternary;
+  }
+
   // The admin-nav becomes a slide-out menu at the mobile-nav breakpoint
   @media (max-width: $mobile-breakpoint) {
     position: absolute;
     z-index: 0;
     width: 50%;
   }
-  margin-top: 30px;
-  .nav-stacked {
-    border-right: none;
-    @media (max-width: $mobile-breakpoint) {
-      //margin-right: 10px;
-    }
-  }
-  li a.active {
-    color: $secondary;
-    background-color: $quaternary;
-  }
 }
 
 .admin-detail {
@@ -1447,14 +1442,6 @@ button.ru {
   }
 }
 
-@media all
-and (max-width : 850px) {
-  html:not(.mobile-view) .admin-content .nav-stacked {
-    .glyph {width: auto; position: relative;}
-    > li > a {padding: 13px}
-  }
-}
-
 @media all
 and (min-width : 320px)
 and (max-width : 500px) {

app/assets/stylesheets/common/components/navs.scss

@@ -50,32 +50,35 @@
   padding: 0;
   overflow: hidden;
   background: $primary-low;
+
   li {
     border-bottom: 1px solid $primary-low;
     position: relative;
+
     &:last-of-type {
       border-bottom: 0;
     }
+
+    &.indent {
+      padding-left: 15px;
+    }
+
     a {
       margin: 0;
-      padding: 13px 13px 13px 30px;
+      padding: 13px;
       font-size: 1.143em;
       line-height: 20px;
       cursor: pointer;
       color: $primary;
     }
   }
-  > li.indent {
-    padding-left: 15px;
-  }
-  .active > a, & li > a.active
-  {
+
+  .active > a,
+  li > a.active {
     color: $secondary;
     background-color: $quaternary;
-  }
 
-  .active > a::after, & li > a.active::after
-  {
+    &:after {
       left: 90%;
       top: 33%;
       content: " ";
@@ -83,6 +86,7 @@
       border: 8px solid transparent;
       border-left-color: $secondary;
     }
+  }
 
   .count {
     font-size: 0.857em;
@@ -91,10 +95,9 @@
 
   .glyph {
     font-size: 0.857em;
-    width: 30px;
+    width: 1.25em;
     text-align: center;
-    position: absolute;
-    left: 2px;
+    margin-right: .5em;
     line-height: 20px;
   }
 }

app/assets/stylesheets/desktop/user.scss

@@ -107,24 +107,34 @@
   }
 }
 
-.user-navigation .nav-stacked .glyph {
-  display: none;
-  // float: right;
-  // display: block;
-  // position: static;
-}
-
 .user-navigation {
   display: table-cell;
   vertical-align: top;
   width: 170px;
-  padding-left: 30px;
 
-  h3 {
-    color: $primary;
-    margin: 20px 0 10px 0;
+  .nav-stacked {
+    background-color: transparent;
+    li {
+      border-bottom: none;
+
+      a {
+        color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%));
       }
 
+      a.active {
+        color: $primary;
+        font-weight: bold;
+        background-color: transparent;
+
+        &:after {
+        display: none;
+        }
+      }
+      &.archive {
+        padding-left: 15px;
+      }
+    }
+  }
 }
 
 .viewing-self .user-main .about.collapsed-info {
@@ -637,31 +647,3 @@
   float: right;
   margin-bottom: 5px;
 }
-
-.user-main .nav-stacked {
-  &.activity-list {
-    padding-top: 20px;
-  }
-  background-color: transparent;
-
-  li {
-    border-bottom: none;
-    > a {
-      padding: 8px 13px;
-      color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%));
-    }
-  }
-
-  li > a.active {
-    color: $primary;
-    font-weight: bold;
-    background-color: transparent;
-  }
-  li > a.active:after {
-    display: none;
-  }
-
-  li.archive {
-    padding-left: 15px;
-  }
-}