Update selectors laouyt

src/selector_manager/view/ClassTagsView.js

@@ -13,9 +13,9 @@ export default Backbone.View.extend({
     ppfx
   }) {
     return `
-    <div id="${pfx}up">
+    <div id="${pfx}up" class="${pfx}header">
-      <div id="${pfx}label">${labelHead}</div>
+      <div id="${pfx}label" class="${pfx}header-label">${labelHead}</div>
-      <div id="${pfx}status-c">
+      <div id="${pfx}status-c" class="${pfx}header-status">
         <span id="${pfx}input-c" data-states-c>
           <div class="${ppfx}field ${ppfx}select">
             <span id="${ppfx}input-holder">

src/styles/scss/_gjs_selectors.scss

@@ -25,6 +25,17 @@
     display: block;
   }
 
+  &header {
+    display: flex;
+    align-items: center;
+    margin: 7px 0;
+
+    &-status {
+      flex-shrink: 1;
+      margin-left: auto;
+    }
+  }
+
   &tag {
     display: flex;
     overflow: hidden;
@@ -67,7 +78,6 @@
   font-size: $fontSizeS;
   padding: 10px 5px;
 
-  ##{$clm-prefix}label,
   ##{$clm-prefix}sel {
     padding: 7px 0;
     float: left;
@@ -78,10 +88,6 @@
     margin-left: 5px;
   }
 
-  ##{$clm-prefix}status-c {
-    float: right;
-  }
-
   ##{$clm-prefix}tags-field {
     clear: both;
     padding: 5px;

test/specs/selector_manager/view/ClassTagsView.js

@@ -250,7 +250,7 @@ describe('ClassTagsView', () => {
     });
   });
 
-  describe.only('updateSelection', () => {
+  describe('updateSelection', () => {
     test('Returns empty array without targets', () => {
       expect(view.updateSelection([])).toEqual([]);
     });