From f829397f0b082ee7f2afcc56f7c885b057c79709 Mon Sep 17 00:00:00 2001
From: Muhammad Rizal <rizal@ruangguru.com>
Date: Sun, 18 May 2025 11:02:18 +0700
Subject: [PATCH] fix: navigation blocked by some button attribute on mobile
 devices and impact on all content

---
 content/style-website-v4.css | 10 +++++-----
 etc/main.go                  |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/content/style-website-v4.css b/content/style-website-v4.css
index c1bcd4752..359439b64 100644
--- a/content/style-website-v4.css
+++ b/content/style-website-v4.css
@@ -128,15 +128,15 @@ body .book.font-family-1, .book-summary {
     box-shadow: inset 0 0 0 2px #008cff;
 }
 
-/* make the sidebar wider, and adjust the content to match it */
-.book-summary {
-    left: -470px;
-    width: 470px;
-}
 @media (min-width: 600px) {
     .book.with-summary .book-body {
         left: 470px;
     }
+    /* make the sidebar wider, and adjust the content to match it */
+    .book-summary {
+        left: -470px;
+        width: 470px;
+    }
 }
 
 .book-header {
diff --git a/etc/main.go b/etc/main.go
index 0727ab5c9..ad606207b 100644
--- a/etc/main.go
+++ b/etc/main.go
@@ -170,7 +170,7 @@ func webbookPostAdjustment() {
 
 		// ==== inject github stars button
 		buttonToFind := `</body>`
-		buttonReplacement := `<div style="position: fixed; top: 5px; right: 30px; padding: 10px; background-color: rgba(255, 255, 255, 0.7);">
+		buttonReplacement := `<div style="margin-left: 50px; margin-right: 20px; position: fixed; top: 5px; right: 30px; padding: 10px; background-color: rgba(255, 255, 255, 0.7);">
 			<a class="github-button" href="https://github.com/sponsors/novalagung" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-heart" data-size="large" aria-label="Sponsor @novalagung on GitHub">Sponsor</a>&nbsp;
 			<a class="github-button" href="https://github.com/novalagung/dasarpemrogramangolang" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star novalagung/dasarpemrogramangolang on GitHub">Star</a>&nbsp;
 			<a class="github-button" href="https://github.com/novalagung" data-size="large" aria-label="Follow @novalagung on GitHub">Follow @novalagung</a>