_scopes.scss in trestle-0.8.10

- old
+ new

@@ -1,20 +1,29 @@
 .scopes {
   @extend .nav;
   @extend .nav-pills;
 
   display: flex;
+  flex-wrap: wrap;
 
-  > li + li {
-    margin-left: 4px;
+  margin-top: -4px;
+
+  > li {
+    margin-top: 4px;
+    margin-right: 4px;
+
+    &:last-child {
+      margin-right: 0;
+    }
   }
 
   > li > a {
     background-color: rgba(black, 0.025);
     color: rgba(black, 0.3);
 
     font-size: 11px;
     font-weight: normal;
+    white-space: nowrap;
 
     border-radius: 15px;
     padding: 2px 8px;
 
     &:hover {