Fix scss-lint error SelectorDepth.

html/logo.html

@@ -1 +1 @@
-<%define "logo"%><span class="logo" title="<%.Cfg.Title%>"><span><a target="_blank" href="https://github.com/strukturag/spreed-webrtc">WebRTC</a></span></span><%end%>
+<%define "logo"%><span class="logo" title="<%.Cfg.Title%>"><span class="desc"><a target="_blank" href="https://github.com/strukturag/spreed-webrtc">WebRTC</a></span></span><%end%>

src/styles/components/_audiovideo.scss

@@ -226,6 +226,7 @@
   }
 
   .peerActions {
+    // scss-lint:disable SelectorDepth
     bottom: 5%;
     left: 40px;
     opacity: 0;
@@ -350,6 +351,7 @@
 }
 
 .renderer-smally {
+  // scss-lint:disable SelectorDepth
   background: #000;
   border-right: 0;
   border-top: 0;
@@ -401,6 +403,7 @@
 }
 
 .renderer-conferencekiosk {
+  // scss-lint:disable SelectorDepth
   .remoteVideos {
     background: $video-background;
     bottom: 2px;

src/styles/components/_bar.scss

@@ -37,6 +37,7 @@
     padding: 2px 5px 0 11px;
     padding: 2px 5px 0 11px;
   }
+}
 
 .logo {
   background: $logo no-repeat;
@@ -54,25 +55,25 @@
     height: 46px;
     width: 46px;
 
-      span {
+    .desc {
       display: none;
     }
   }
 
-    span {
+  .desc {
     font-style: italic;
     left: 38px;
     position: relative;
     top: 26px;
-    }
 
-    span a {
+    a {
       color: $bar-logo-text-desc;
     }
   }
 }
 
 .bar .middle {
+  // scss-lint:disable SelectorDepth
   left: 0;
   pointer-events: none;
   position: absolute;
@@ -178,6 +179,7 @@
       color: #fff;
     }
   }
+}
 
 .btn-mutemicrophone i:before {
   content: '\f130';
@@ -195,8 +197,6 @@
   content: '\f070';
 }
 
-}
-
 @keyframes shakeityeah {
   0% { transform: translate(2px, 1px) rotate(0deg); }
   2% { transform: translate(-1px, -2px) rotate(-1deg); }

src/styles/components/_buddylist.scss

@@ -276,7 +276,7 @@
   }
 }
 
-.buddy .buddysessions {
+.buddysessions {
   margin-bottom: 10px;
   margin-top: 56px;
   max-height: 0;
@@ -292,20 +292,20 @@
     padding-top: 10px;
   }
 
-  ul li {
+  li {
     list-style-type: none;
     margin-bottom: 2px;
     margin-left: 0;
 
-    .btn-group {
-      visibility: hidden;
-    }
-
     &:hover .btn-group {
       visibility: visible;
     }
   }
 
+  .btn-group {
+    visibility: hidden;
+  }
+
   .currentsession .buddy3 {
     font-weight: bold;
   }

src/styles/components/_contactsmanager.scss

@@ -68,6 +68,7 @@
 
   .table {
     margin-bottom: 0;
+  }
 
   tr:first-child td {
     border-top: 0;
@@ -85,7 +86,6 @@
     vertical-align: middle;
   }
 }
-}
 
 .contactsmanageredit {
   .buddy .buddyPicture {

src/styles/components/_fileinfo.scss

@@ -37,17 +37,14 @@
 
   .file-info-bg {
     bottom: 0;
+    color: $fileinfo-icon-background-color;
+    font-size: 20em;
     left: 41px;
     overflow: hidden;
     position: absolute;
     right: 0;
-    top: -17px;
+    top: -82px;
     z-index: 2;
-
-    .#{$fa-css-prefix} {
-      color: $fileinfo-icon-background-color;
-      font-size: 20em;
-    }
   }
 
   .actions {
@@ -64,12 +61,10 @@
   border: 1px solid $fileinfo-border-remote;
 
   .file-info-bg {
-    .#{$fa-css-prefix} {
     color: $fileinfo-icon-background-color-remote;
     font-size: 20em;
   }
 }
-}
 
 .file-info-name {
   font-size: 1.1em;

src/styles/components/_presentation.scss

@@ -27,41 +27,37 @@
   top: 0;
 }
 
-.presentationpane .welcome {
-  padding: 0;
+.mainPresentation #presentation {
+  display: block;
 }
 
-.presentationpane .welcome h1 {
-  white-space: normal;
-}
+.presentationpane {
+  bottom: 0;
+  left: 0;
+  overflow: auto;
+  position: absolute;
+  right: 0;
+  top: 0;
 
-.presentationpane .welcome button {
+  .welcome {
+    padding: 0;
+
+    .btn {
       margin-top: 30px;
     }
+  }
 
-.presentationpane .welcome .progress span {
-  text-shadow: none;
+  h1 {
+    white-space: normal;
   }
 
-.presentationpane .welcome .progress .download-info {
+  .download-info {
     color: $text-color;
     left: 0;
     position: absolute;
     text-shadow: 1px 1px 1px #fff;
     width: 100%;
   }
-
-.mainPresentation #presentation {
-  display: block;
-}
-
-.presentationpane {
-  bottom: 0;
-  left: 0;
-  overflow: auto;
-  position: absolute;
-  right: 0;
-  top: 0;
 }
 
 .presentationpane {
@@ -165,14 +161,17 @@
 }
 
 .presentation .thumbnail .caption .size {
+  // scss-lint:disable SelectorDepth
   font-size: 10px;
 }
 
 .presentation .thumbnail .caption .progress {
+  // scss-lint:disable SelectorDepth
   position: relative;
 }
 
 .presentation .thumbnail .caption .download-info {
+  // scss-lint:disable SelectorDepth
   bottom: 0;
   color: $text-color;
   left: 0;

src/styles/components/_youtubevideo.scss

@@ -112,7 +112,7 @@
   width: 100%;
 }
 
-.youtubevideo .overlaybar-content form .overlaybar-buttons {
+.youtubevideo .overlaybar-content .overlaybar-buttons {
   position: absolute;
   right: 23px;
   top: 6px;