Merge branch '10951-3-style-lint-projects_scss' into 'master'

Fixed `selector-max-compound-selectors` lint error

See merge request gitlab-org/gitlab-ee!14777

ee/app/assets/stylesheets/pages/projects.scss

@@ -91,10 +91,6 @@
     .user-avatar-link {
       color: $gl-text-color;
       font-weight: $gl-font-weight-bold;
-
-      .avatar {
-        margin-right: $gl-padding-4;
-      }
     }
 
     svg {
@@ -103,6 +99,7 @@
 
     .avatar {
       float: none;
+      margin-right: $gl-padding-4;
     }
   }
 
@@ -150,15 +147,6 @@
       display: none;
     }
 
-    .template-option {
-      display: none;
-      background: $gray-light;
-
-      .avatar-container {
-        margin-left: 34px;
-      }
-    }
-
     &.expanded {
       .template-option {
         display: flex;
@@ -174,15 +162,22 @@
     }
   }
 
+  .template-option {
+    display: none;
+    background: $gray-light;
+
+    .avatar-container {
+      margin-left: 34px;
+    }
+  }
+
   .template-input-group {
-    .selected-icon {
-      .avatar {
-        width: 20px;
-        height: 20px;
-        line-height: 20px;
-        font-size: $gl-font-size;
-        margin-right: 0;
-      }
+    .avatar {
+      width: 20px;
+      height: 20px;
+      line-height: 20px;
+      font-size: $gl-font-size;
+      margin-right: 0;
     }
   }
 }