Scale the size of the comment section to confirm to recent YouTube changes

Author: Alex Sørlie Glomsaas

lib/script.js

@@ -257,12 +257,13 @@ var AlienTube = {
             output += '<div id=\"redditTabs\">' + Mustache.render(AlienTube.Template, {tab: true, active: true, subreddit: results[0].subreddit});
             // Calculate the number of tabs we can display by adding the width of the chrome (43px) with the average width of a text character times subreddit length.
             var width = (21 + results[0].subreddit.length * 7);
+            var maxWidth = document.getElementById("watch7-content").offsetWidth - 80;
             var len = results.length;
             if (len > 1) {
                 var i;
                 for (i = 1; i < len; i++) {
                     width = width + (21 + (results[i].subreddit.length * 7));
-                    if (width >= 550) {
+                    if (width >= maxWidth) {
                         break;
                     }
                     // Get the HTML for the tabs.

res/style.css

@@ -77,7 +77,7 @@ article span .downvotes {
 #reddit {
     margin-top: 40px;
     padding-bottom: 40px;
-    width: 628px;
+    width: 95%;
     padding-right: 20px;
     box-sizing: border-box;
 }
@@ -260,10 +260,6 @@ article a:hover {
     transition: opacity 1s ease-in;
 }
 
-#watch7-sidebar {
-    margin-left: 655px !important;
-}
-
 #redditOverflow ul li {
     line-height: 1.8;
     padding-left: 10px;
@@ -538,7 +534,7 @@ header .vote {
 
 @-webkit-keyframes duckinvasion {
     0%   { left: -100px; }
-    100% { left: 100%; } 
+    100% { left: 100%; }
 }
 @-moz-keyframes duckinvasion {
     0%   { left: -100px; }
@@ -550,7 +546,7 @@ header .vote {
 }
 @keyframes duckinvasion {
     0%   { left: -100px; }
-    100% { left: 100%; } 
+    100% { left: 100%; }
 }
 
 .redditSpinner {