From f60ab778cc210b87988ca8dd15fd070a7316bd84 Mon Sep 17 00:00:00 2001
From: Aaron Kerckhoff <aaronkerckhoff@gmail.com>
Date: Sat, 21 May 2022 00:08:38 +0200
Subject: Improve ratio display on new design

---
 Extensions/combined/src/bar.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/Extensions/combined/src/bar.js b/Extensions/combined/src/bar.js
index c82291d..386ff59 100644
--- a/Extensions/combined/src/bar.js
+++ b/Extensions/combined/src/bar.js
@@ -28,7 +28,7 @@ function createRateBar(likes, dislikes) {
       ).insertAdjacentHTML(
         "beforeend",
         `
-            <div class="ryd-tooltip" style="width: ${widthPx}px${isNewDesign() ? "; margin-top: -10px; margin-bottom: 15px" : ""}">
+            <div class="ryd-tooltip" style="width: ${widthPx}px${isNewDesign() ? "; margin-bottom: -2px" : ""}">
             <div class="ryd-tooltip-bar-container">
                <div
                   id="ryd-bar-container"
@@ -46,6 +46,13 @@ function createRateBar(likes, dislikes) {
             </div>
     `
       );
+
+      // Add border between info and comments
+      if (isNewDesign()) {
+        let descriptionAndActionsElement = document.getElementById("description-and-actions");
+        descriptionAndActionsElement.style.borderBottom = "1px solid var(--yt-spec-10-percent-layer)";
+        descriptionAndActionsElement.style.paddingBottom = "10px";
+      }
     } else {
       document.getElementById("ryd-bar-container").style.width = widthPx + "px";
       document.getElementById("ryd-bar").style.width = widthPercent + "%";
-- 
cgit v1.2.3