From b5957d804d44facd01b33587ed847158deffb158 Mon Sep 17 00:00:00 2001
From: Leo Torres <leo.torres@fgsglobal.com>
Date: Sat, 30 Nov 2024 18:00:52 +0100
Subject: [PATCH] I prefer this

---
 rsm/static/rsm.css  | 15 ++++++++-------
 rsm/static/rsm.scss | 10 +++++++---
 rsm/translator.py   | 16 ++++++++--------
 3 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/rsm/static/rsm.css b/rsm/static/rsm.css
index 24b5193..5230b20 100644
--- a/rsm/static/rsm.css
+++ b/rsm/static/rsm.css
@@ -286,7 +286,6 @@
     .manuscriptwrapper .handrail__btn.handrail__btn--relative {
       position: relative; }
     .manuscriptwrapper .handrail__btn-container {
-      background: var(--gray-200);
       display: none;
       font-weight: var(--bold);
       left: 0;
@@ -296,20 +295,20 @@
     top: 0; }
   .manuscriptwrapper .abstract div.handrail:first-of-type > .handrail__btn-container,
   .manuscriptwrapper .toc div.handrail:first-of-type > .handrail__btn-container {
-    top: calc(var(--h3-size)/2 + (var(--header-line-height)*var(--h3-size) - var(--body-line-height)*1rem)/2); }
+    top: calc(var(--h3-size)/2 + (var(--header-line-height)*var(--h3-size) - var(--body-line-height)*1rem)/3); }
   .manuscriptwrapper div.theorem > .handrail:first-of-type > .handrail__btn-container,
   .manuscriptwrapper div.proof > .handrail:first-of-type > .handrail__btn-container {
     top: 1rem; }
   .manuscriptwrapper section.level-1 > .handrail:first-of-type > .handrail__btn-container {
-    top: calc(var(--h1-size)/2 + (var(--header-line-height)*var(--h1-size) - var(--body-line-height)*1rem)/2); }
+    top: calc(var(--h1-size)/2 + (var(--header-line-height)*var(--h1-size) - var(--body-line-height)*1rem)/3); }
   .manuscriptwrapper section.level-2 > .handrail:first-of-type > .handrail__btn-container {
-    top: calc(var(--h2-size)/2 + (var(--header-line-height)*var(--h2-size) - var(--body-line-height)*1rem)/2); }
+    top: calc(var(--h2-size)/2 + (var(--header-line-height)*var(--h2-size) - var(--body-line-height)*1rem)/3); }
   .manuscriptwrapper section.level-3 > .handrail:first-of-type > .handrail__btn-container {
-    top: calc(var(--h3-size)/2 + (var(--header-line-height)*var(--h3-size) - var(--body-line-height)*1rem)/2); }
+    top: calc(var(--h3-size)/2 + (var(--header-line-height)*var(--h3-size) - var(--body-line-height)*1rem)/3); }
   .manuscriptwrapper section.level-4 > .handrail:first-of-type > .handrail__btn-container {
-    top: calc(var(--h4-size)/2 + (var(--header-line-height)*var(--h4-size) - var(--body-line-height)*1rem)/2); }
+    top: calc(var(--h4-size)/2 + (var(--header-line-height)*var(--h4-size) - var(--body-line-height)*1rem)/3); }
   .manuscriptwrapper section.level-5 > .handrail:first-of-type > .handrail__btn-container {
-    top: calc(var(--h5-size)/2 + (var(--header-line-height)*var(--h5-size) - var(--body-line-height)*1rem)/2); }
+    top: calc(var(--h5-size)/2 + (var(--header-line-height)*var(--h5-size) - var(--body-line-height)*1rem)/3); }
   .manuscriptwrapper .keyword {
     color: var(--keyword-blue);
     font-weight: var(--bold); }
@@ -554,6 +553,8 @@
     --h6-size: 1.000rem;
     --side-padding: 1.5em;
     --font-size: 93.75%; }
+  .manuscriptwrapper {
+    padding-left: calc(var(--side-padding)*1.5); }
   .manuscriptwrapper--narrow {
     margin: 2.5em 15em 2.5em auto; }
   .options {
diff --git a/rsm/static/rsm.scss b/rsm/static/rsm.scss
index ab76351..a20b889 100644
--- a/rsm/static/rsm.scss
+++ b/rsm/static/rsm.scss
@@ -388,7 +388,7 @@
     }
 
     &-container {
-      background: var(--gray-200);
+      // background: var(--gray-200);
       display: none;
       font-weight: var(--bold);
       // left: calc(-1 * var(--border-thin));
@@ -405,7 +405,7 @@
 
   .abstract div.handrail:first-of-type > .handrail__btn-container,
   .toc div.handrail:first-of-type > .handrail__btn-container {
-    top: calc(var(--h3-size)/2 + (var(--header-line-height)*var(--h3-size) - var(--body-line-height)*1rem)/2);
+    top: calc(var(--h3-size)/2 + (var(--header-line-height)*var(--h3-size) - var(--body-line-height)*1rem)/3);
   }
 
   div.theorem > .handrail:first-of-type > .handrail__btn-container,
@@ -415,7 +415,7 @@
 
   @for $i from 1 through 5 {
     section.level-#{$i} > .handrail:first-of-type > .handrail__btn-container {
-      top: calc(var(--h#{$i}-size)/2 + (var(--header-line-height)*var(--h#{$i}-size) - var(--body-line-height)*1rem)/2);
+      top: calc(var(--h#{$i}-size)/2 + (var(--header-line-height)*var(--h#{$i}-size) - var(--body-line-height)*1rem)/3);
     }
   }
 
@@ -874,6 +874,10 @@
     --font-size: 93.75%;
   }
 
+  .manuscriptwrapper {
+    padding-left: calc(var(--side-padding)*1.5);
+  }
+
   .manuscriptwrapper--narrow {
     margin: 2.5em 15em 2.5em auto;
   }
diff --git a/rsm/translator.py b/rsm/translator.py
index d2ece03..e60a2d2 100644
--- a/rsm/translator.py
+++ b/rsm/translator.py
@@ -1156,14 +1156,14 @@ def _replace_items_with_handrails(self, index, items, cls, include_content=False
         newitems = [
             handrail,
             btn_cont,
-            btn_togg,
-            AppendOpenCloseTag(
-                "span",
-                self.svg["rarrow"],
-                newline_inner=False,
-                newline_outer=False,
-            ),
-            btn_togg.close_command(),
+            # btn_togg,
+            # AppendOpenCloseTag(
+            #     "span",
+            #     # self.svg["rarrow"],
+            #     newline_inner=False,
+            #     newline_outer=False,
+            # ),
+            # btn_togg.close_command(),
             btn_menu,
             AppendOpenCloseTag(
                 "span",