Merge pull request #29 from dideler/fix#2/showmore-style-margin

🐛 Fix problem: incorrect spacing between 'SHOW MORE' & 'SHOW LESS' button.
dideler · Feb 3, 2018 · bd7987e · bd7987e
2 parents 0497a5f + d65e988
commit bd7987e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/script.js b/script.js
@@ -194,9 +194,8 @@ const newYouTube = {
   _addButton() {
     debugLog('ADDING BUTTON...');
     const moreButton = document.getElementById('more');
-    const style = moreButton.hidden ? 'style="margin-left:0"' : '';
     const button = `
-    <button class="fake-paper-button" id="toggle-comments" ${style} type="button">
+    <button class="fake-paper-button" id="toggle-comments" type="button">
       <div class="fake-yt-formatted-string">
         <span id="toggle-comments-label">${globals.showComments}</span>
         &nbsp;<span id="comments-count"></span>

diff --git a/youtube.css b/youtube.css
@@ -5,7 +5,7 @@
 }
 
 .is-hide {
-  display: none
+  display: none;
 }
 
 .fake-paper-button {
@@ -34,6 +34,11 @@
   text-transform: var(--paper-button_-_text-transform, uppercase);
 }
 
+/* Behavior when there is no "SHOW MORE/LESS" button */
+#less[hidden] + #more[hidden] + .fake-paper-button {
+  margin-left: 0;
+}
+
 .fake-yt-formatted-string {
   color: var(--yt-expand-color);
   display: inline-block;