simplify

dist/ratchet.css

@@ -397,9 +397,6 @@ p {
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.popover .bar-nav .title + .btn:last-child {
-  right: 15px;
-}
 
 .card {
   width: auto;
@@ -714,7 +711,7 @@ input[type="button"] {
 .bar-nav .btn.pull-left {
   margin-right: 10px;
 }
-.bar-nav .btn-link {
+.bar-nav .btn .btn-link {
   padding: 0;
   margin-top: 0;
   font-size: 16px;
@@ -723,7 +720,7 @@ input[type="button"] {
   background-color: transparent;
   border: none;
 }
-.bar-nav .btn-link:active, .bar-nav .btn-link.active {
+.bar-nav .btn .btn-link:active, .bar-nav .btn .btn-link.active {
   color: #3071a9;
 }
 
@@ -740,10 +737,11 @@ input[type="button"] {
 .popover .btn-block:last-child {
   margin-bottom: 0;
 }
-.popover .bar-nav .btn-link.pull-left {
+
+.bar-nav .btn-link.pull-left {
   margin-left: 5px;
 }
-.popover .bar-nav .btn-link.pull-right {
+.bar-nav .btn-link.pull-right {
   margin-right: 5px;
 }
 

lib/sass/badges.scss

@@ -85,15 +85,13 @@
 }
 
 // Ratchicons in table-views
-.table-view {
-  .badge {
-    margin-top: 2px;
-
-    &.pull-left {
-      margin-right: 5px;
-    }
-    &.pull-right {
-      margin-left: 5px;
-    }
+.table-view .badge {
+  margin-top: 2px;
+
+  &.pull-left {
+    margin-right: 5px;
+  }
+  &.pull-right {
+    margin-left: 5px;
   }
 }

lib/sass/bars.scss

@@ -130,8 +130,4 @@
   border-bottom: $border-default;
   border-radius: 12px 12px 0 0;
   @include box-shadow(none);
-
-  .title + .btn:last-child {
-    right: 15px;
-  }
 }

lib/sass/buttons.scss

@@ -129,21 +129,18 @@ input[type="button"] {
 // Buttons in nav bars
 // --------------------------------------------------
 
-.bar-nav {
-  // Generic style for all buttons in .bar-title
-  .btn {
-    position: relative;
-    z-index: 10; // Position the buttons on top of .title
-    padding: 6px 12px;
-    margin-top: 8px;
-    font-weight: $font-weight-light;
-
-    &.pull-right { 
-      margin-left: $bar-side-spacing; 
-    }
-    &.pull-left { 
-      margin-right: $bar-side-spacing; 
-    }
+.bar-nav .btn {
+  position: relative;
+  z-index: 10; // Position the buttons on top of .title
+  padding: 6px 12px;
+  margin-top: 8px;
+  font-weight: $font-weight-light;
+
+  &.pull-right { 
+    margin-left: $bar-side-spacing; 
+  }
+  &.pull-left { 
+    margin-right: $bar-side-spacing;
   }
 
   // Link button (Buttons that look like links)
@@ -179,30 +176,25 @@ input[type="button"] {
 // Block level buttons in popovers
 // --------------------------------------------------
 
-.popover {
-  .btn-block {
-    margin-bottom: 5px;
-  }
-
+.popover .btn-block {
+  margin-bottom: 5px;
   // Remove extra margin on bottom of last button
-  .btn-block:last-child {
+  &:last-child {
     margin-bottom: 0;
   }
-  // Line the button text up with content's text
-  .bar-nav .btn-link {
-    &.pull-left {
-      margin-left: 5px;
-    }
-    &.pull-right {
-      margin-right: 5px;
-    }
+}
+// Line the button text up with content's text
+.bar-nav .btn-link {
+  &.pull-left {
+    margin-left: 5px;
+  }
+  &.pull-right {
+    margin-right: 5px;
   }
 }
 
 // Buttons in table-views
 // --------------------------------------------------
-.table-view {
-  .btn {
-    margin-top: -1px; // Center the btn inside the cell
-  }
+.table-view .btn {
+  margin-top: -1px; // Center the btn inside the cell
 }

lib/sass/push.scss

@@ -3,7 +3,6 @@
 // --------------------------------------------------
 
 .content {
-  
   // Fade animation 
   &.fade {
     left: 0;

lib/sass/toggles.scss

@@ -62,8 +62,6 @@
 
 // Toggles in table-views
 // --------------------------------------------------
-.table-view {
-  .toggle {
-    margin-top: -4px; // Center the toggle inside the cell
-  }
+.table-view .toggle {
+  margin-top: -4px; // Center the toggle inside the cell
 }