Move multiple filter spacing from margin-left to margin-right so that they are left aligned when wrapped.

Author: sg00dwin

labelFilter.css

@@ -404,9 +404,9 @@
 .selectize-control.multi .selectize-input [data-value] {
   padding: 0 6px;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-  -webkit-border-radius: 1px;
-  -moz-border-radius: 1px;
-  border-radius: 1px;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
   background-color: #006e9c;
   background-image: -moz-linear-gradient(top, #006e9c, #006e9c);
   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006e9c), to(#006e9c));
@@ -497,9 +497,11 @@
 .filter .active-filters .label-filter-active-filters .label {
   background: #006e9c;
   display: inline-block;
+  border-radius: 2px;
   font-weight: normal;
   padding-bottom: .3em;
   padding-top: .3em;
+  margin-left: 0;
   margin-right: 3px;
   max-width: 350px;
   word-wrap: break-word;
@@ -514,16 +516,3 @@
     margin-top: 0;
   }
 }
-@media (min-width: 992px) {
-  .filter .active-filters {
-    margin-top: 0;
-  }
-  .filter .active-filters .label-filter-active-filters :first-child {
-    margin-right: 0;
-  }
-  .filter .active-filters .label-filter-active-filters .label + .label {
-    margin-left: 3px;
-    margin-top: 2px;
-    margin-right: 0;
-  }
-}

styles/labelFilter.less

@@ -89,7 +89,7 @@
       [data-value] {
         padding: 0 6px; // prevent text jump when 
         text-shadow: 0 1px 0 rgba(0,0,0,0.2);
-        .selectize-border-radius(1px);
+        .selectize-border-radius(2px);
         .selectize-vertical-gradient(@selectize-color-item, @selectize-color-item);
       }
     }
@@ -184,9 +184,11 @@
       .label {
         background: @selectize-active-label-bg;
         display: inline-block;
+        border-radius: 2px;
         font-weight: normal;
         padding-bottom: .3em;
         padding-top: .3em;
+        margin-left: 0;
         margin-right: 3px;
         max-width: 350px;
         word-wrap: break-word;
@@ -207,25 +209,3 @@
     }
   }
 }
-
-@media (min-width: @screen-md-min) {
-  .filter {
-    .active-filters {
-      margin-top: 0;
-      .label-filter-active-filters {
-        :first-child {
-          margin-right: 0;
-        }
-        .label {
-          +.label {
-            margin-left: 3px;
-            margin-top: 2px;
-            margin-right: 0;
-          }
-        }
-      }
-    }
-  }
-}
-
-