Applied feature request to current version

README.md

@@ -87,6 +87,7 @@ log_level: info
 upload_path: ~/mango/uploads
 plugin_path: ~/mango/plugins
 download_timeout_seconds: 30
+page_margin: 30
 mangadex:
   base_url: https://mangadex.org
   api_url: https://mangadex.org/api

public/js/reader.js

@@ -76,7 +76,8 @@ const getPages = () => {
 					id: i + 1,
 					url: `${base_url}api/page/${tid}/${eid}/${i+1}`,
 					width: d.width,
-					height: d.height
+					height: d.height,
+					style: `margin-top: ${d.margin}px; margin-bottom: ${d.margin}px;`
 				};
 			});
 

src/config.cr

@@ -20,6 +20,7 @@ class Config
   property plugin_path : String = File.expand_path "~/mango/plugins",
     home: true
   property download_timeout_seconds : Int32 = 30
+  property page_margin : Int32 = 30
   property mangadex = Hash(String, String | Int32).new
 
   @[YAML::Field(ignore: true)]

src/library/entry.cr

@@ -116,6 +116,7 @@ class Entry
           sizes << {
             "width"  => size.width,
             "height" => size.height,
+            "margin" => Config.current.page_margin,
           }
         rescue e
           Logger.warn "Failed to read page #{i} of entry #{zip_path}. #{e}"

src/views/reader.html.ecr

@@ -35,6 +35,7 @@
             <img
                     uk-img
                     class="uk-align-center"
+                    :style="item.style"
                     :data-src="item.url"
                     :width="item.width"
                     :height="item.height"