Change the banner location

Author: alina-derkach-oaza

_resourcepdf/overrides/main.html

@@ -53,10 +53,10 @@
                       {% include "partials/toc.html" %}
                     </div>
                     <div class="md-sidebar__inner">
-                      {% include "partials/edit.html" %}
+                      {% include "partials/banner.html" %}
                     </div>
                     <div class="md-sidebar__inner">
-                      {% include "partials/banner.html" %}
+                      {% include "partials/edit.html" %}
                     </div>
                   </div>
                 </div>

_resourcepdf/overrides/partials/edit.html

@@ -1,18 +1,11 @@
 <div data-banner="data-banner">
   <div class="actions">
-    <a href="{{ page.edit_url }}" title="Improve the page on GitHub" class="edit-page-link">
-      <span class="edit-page-line1">
-        <span class="edit-page-icon">
-          {% set icon = config.theme.icon.edit or "material/file-edit-outline" %}
-          {% include ".icons/" ~ icon ~ ".svg" %}
-        </span>
-        <span class="edit-page-text">
-          Improve the page
-        </span>
+    <a href="{{ page.edit_url }}" title="Improve this page on GitHub" class="edit-page-link">
+      <span class="edit-page-icon">
+        {% set icon = config.theme.icon.edit or "material/file-edit-outline" %}
+        {% include ".icons/" ~ icon ~ ".svg" %}
       </span>
-      <span class="edit-page-line2">
-        on GitHub
-      </span>
-    </a>    
+      <span class="edit-page-text">Improve this page on GitHub</span>
+    </a>
   </div>
 </div>

docs/css/extra.css

@@ -11,35 +11,25 @@
     line-height: 1.6;
 }
 
+/* Style the link */
 .edit-page-link {
-  display: inline-block; /* shrink to content width */
+  display: inline-flex;
+  align-items: center;
+  gap: 0.8em;
   text-decoration: none;
   color: var(--md-typeset-a-color);
-  cursor: pointer;
-  font-size: 1.25rem;
+  font-size: 1.35rem;
   font-weight: 500;
   line-height: 1.4;
-  text-align: left; /* align left inside container */
-}
-
-/* First line: icon + text inline */
-.edit-page-line1 {
-  padding-left: calc(0.5em);
-  display: flex;
-  align-items: center;
-  gap: 0.4em;
+  transition: color 0.2s ease;
+  cursor: pointer;
 }
 
+/* Bigger icon, aligned with text */
 .edit-page-icon svg {
-  width: 2em;   /* Bigger width */
-  height: 2em;  /* Bigger height */
+  width: 1.4em;    
+  height: 1.4em;
   fill: currentColor;
-  display: block;
-  padding-left: calc(0.5em);
+  vertical-align: middle;
 }
 
-.edit-page-line2 {
-  padding-left: calc(4.5em);
-  line-height: 1.2;
-  white-space: nowrap;
-}