fix: navigation blocked by some button attribute on mobile devices (#289)

* fix: navigation blocked by some button attribute on mobile devices and impact on all content

* feat: add contributor

---------

Co-authored-by: Muhammad Rizal <rizal@ruangguru.com>
Co-authored-by: novalagung <hello@novalagung.com>

Author: 3 people

content/CONTRIBUTING.md

@@ -65,6 +65,7 @@ Berikut merupakan *hall of fame* kontributor yang sudah berbaik hati menyisihkan
 1. [MH Rohman Masyhar](https://github.com/rohmanhm)
 1. [Muhammad Faris 'Afif](https://github.com/muhfaris)
 1. [Muhammad Ridho](https://github.com/reedho)
+1. [Muhammad Rizal](https://github.com/zalcode)
 1. [Muhammad Zulfan Wahyudin](https://github.com/mzulfanw)
 1. [Mulia Nasution](https://github.com/mul14)
 1. [nekonako](https://github.com/nekonako)

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 {

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>