[Frontend] CSS tweaks

#445
Modified selector for .t-object-label to
only match first child, hopefully to prevent
nested application of the class;
Modified .loading spinner to use a fixed
size (padding) instead of percentage,
which will work better with wide, short
objects;

platform/commonUI/general/res/sass/_object-label.scss

@@ -35,29 +35,25 @@
     }
 }
 
-mct-representation {
-    &.s-status-pending {
-        .t-object-label {
-            .t-item-icon {
-                &:before {
-                    $spinBW: 4px;
-                    @include spinner($spinBW);
-                    content: "";
-                    padding: 30%;
-                }
-                .t-item-icon-glyph {
-                    display: none;
-                }
-            }
-            .t-title-label {
-                font-style: italic;
-                opacity: 0.6;
-            }
+mct-representation.s-status-pending > .t-object-label {
+    .t-item-icon {
+        &:before {
+            $spinBW: 4px;
+            @include spinner($spinBW);
+            content: "";
+            padding: 30%;
         }
+        .t-item-icon-glyph {
+            display: none;
+        }
+    }
+    .t-title-label {
+        font-style: italic;
+        opacity: 0.6;
     }
 }
 
-.selected mct-representation.s-status-pending .t-object-label .t-item-icon:before {
+.selected mct-representation.s-status-pending > .t-object-label .t-item-icon:before {
     border-color: rgba($colorItemTreeSelectedFg, 0.25) !important;
     border-top-color: rgba($colorItemTreeSelectedFg, 1.0) !important;
 }

platform/commonUI/general/res/sass/helpers/_wait-spinner.scss

@@ -78,7 +78,7 @@
     }
 	&:before {
         @include spinner(5px, $colorLoadingFg);
-        padding: 5%;
+        padding: 15px;
         z-index: 10;
 	}
     &:after {
@@ -87,8 +87,4 @@
         display: block;
         z-index: 9;
     }
-    &.tree-item:before {
-        padding: $menuLineH / 4;
-        border-width: 2px;
-    }
 }