set padding for chapter progress element

2 files changed, 5 insertions, 1 deletions

diff --git a/css/app.less b/css/app.less
index 485e388..d410a73 100644
--- a/css/app.less
+++ b/css/app.less
@@ -132,6 +132,10 @@ body.epube-reader {
       display : flex;
    }
 
+   .footer .chapter_progress {
+      padding-left : 5px;
+   }
+
    .header .title, .footer .chapter {
       overflow : hidden;
       text-overflow: ellipsis;
diff --git a/dist/app.min.css b/dist/app.min.css
index 266e998..f51e2ed 100644
--- a/dist/app.min.css
+++ b/dist/app.min.css
@@ -1 +1 @@
-body.epube-index .caption div,body.epube-reader .footer .chapter,body.epube-reader .header .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.epube-index .display-flex{display:flex;flex-wrap:wrap}body.epube-index .separate-search{padding:8px}body.epube-index .row>div{padding-top:10px}body.epube-index .row .thumbnail{height:200px;width:140px;margin-bottom:0}@media (max-width:641px){body.epube-index .row .col-xxs-6{width:50%}}body.epube-index .row .thumbnail img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}body.epube-index .row .thumbnail.read img{opacity:.5;filter:grayscale(100%)}body.epube-index .epube-app-filler{height:60px;display:none}body.epube-index .in_progress{font-style:italic}body.epube-index ::selection{background:#007d71;color:#fff}body.epube-index ::-webkit-scrollbar{width:4px}body.epube-index ::-webkit-scrollbar-thumb{background-color:#007d71}body.epube-index ::-webkit-scrollbar-track{background-color:#eee}body.epube-reader .loading{display:flex;justify-content:center;align-items:center;position:absolute;color:#999;top:0;left:0;height:100%;width:100%;z-index:32;text-align:center;background:#fff;padding:16px;font-size:18px}body.epube-reader .loading .loading-icon{font-size:32px;display:block;margin-right:16px}body.epube-reader .notice{width:120px;padding-left:5px}body.epube-reader .header{top:5px;left:0;width:100%;height:24px}body.epube-reader .footer{bottom:5px;left:0;width:100%;height:24px}body.epube-reader .footer,body.epube-reader .header{position:absolute;font-size:13px;display:flex;padding-left:10px;padding-right:10px;color:#999;align-items:center}body.epube-reader .footer .chapter_wrapper{white-space:nowrap;display:flex;padding-right:10px;cursor:pointer}body.epube-reader .header .title{margin-left:10px;flex-grow:2;text-align:center;font-weight:700}body.epube-reader .footer .spacer{flex-grow:2;position:relative;height:12px}body.epube-reader .footer .spacer .toc-bar-entry{position:absolute;background:#999;top:0;bottom:0;width:1px}body.epube-reader .footer .spacer .toc-bar-entry.current-position{background:#C33}body.epube-reader .footer .location{cursor:pointer;text-align:right}body.epube-reader .modal .last-mod-timestamp{line-height:32px}@media (max-width:539px){body.epube-reader .spacer>.toc-bar-entry{display:none}body.epube-reader .footer{width:100%}body.epube-reader .footer .chapter_wrapper,body.epube-reader .footer .location{min-width:30%;max-width:70%}}@media (min-width:540px){body.epube-reader .footer .chapter_wrapper,body.epube-reader .footer .location{min-width:25%;max-width:30%}}body.epube-reader .toolbar{text-align:right;display:flex;flex-direction:row}body.epube-reader .toolbar>*{cursor:pointer;margin:0 4px;padding:0 2px}body.epube-reader .toolbar>:last-child{margin-right:0}body.epube-reader #reader{position:absolute;top:32px;bottom:32px;left:32px;right:32px}body.epube-reader #left,body.epube-reader #right{position:absolute;top:48px;bottom:48px;width:0;z-index:10}body.epube-reader #left{left:0}body.epube-reader #right{right:0}@media (max-width:576px){body.epube-reader #reader{left:24px;right:24px}}body.epube-reader .chapter{cursor:pointer}body.epube-reader .dict_result,body.epube-reader .search_results,body.epube-reader .toc_list{max-height:300px;height:auto;overflow:auto}body.epube-reader .dict_result h1,body.epube-reader .dict_result h2,body.epube-reader .dict_result h3{font-size:14px;margin-top:0}body.epube-reader .dict_result h2{font-weight:700}body.epube-reader .search_results b.pull-right,body.epube-reader .toc_list b.pull-right{margin-right:8px;margin-left:16px}body.epube-reader .toc_sublist{margin-left:16px}body.epube-reader ::-webkit-scrollbar{width:4px}body.epube-reader ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}body.epube-reader ::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1)}body.is-epube-app.epube-reader .header .toolbar,body.is-epube-app.epube-reader .header a{display:none}body.epube-sanity-failed{background:#900;color:#fff}.theme-night-common,.theme-night-common .loading,.theme-night-common html:-webkit-full-screen{background:#222;color:#d7cbc1}.theme-night-common a,.theme-night-common a:hover{color:#00bdaa}.theme-night-common .modal{color:#333}.theme-night-common .footer .spacer .toc-bar-entry.current-position{background:#8b0000}.theme-night-common img{filter:invert(1) contrast(.73);transition:filter linear .1s}.theme-night-common img:hover{filter:none}.theme-night-common .modal-dialog .modal-content{background:#222;color:#ccc}.theme-night-common .modal-dialog .modal-content button.close{color:#fff}.theme-night-common .modal-dialog .modal-content .form-control{background:#333;color:#ccc;border-color:#555}.theme-night-common .modal-dialog .modal-footer,.theme-night-common .modal-dialog .modal-header,.theme-night-common .modal-dialog hr{border-color:#444}@media (prefers-color-scheme:dark){body.theme-default,body.theme-default .loading,body.theme-default html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-default a,body.theme-default a:hover{color:#00bdaa}body.theme-default .modal{color:#333}body.theme-default .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-default img{filter:invert(1) contrast(.73);transition:filter linear .1s}body.theme-default img:hover{filter:none}body.theme-default .modal-dialog .modal-content{background:#222;color:#ccc}body.theme-default .modal-dialog .modal-content button.close{color:#fff}body.theme-default .modal-dialog .modal-content .form-control{background:#333;color:#ccc;border-color:#555}body.theme-default .modal-dialog .modal-footer,body.theme-default .modal-dialog .modal-header,body.theme-default .modal-dialog hr{border-color:#444}}body.theme-gray,body.theme-gray .loading,body.theme-gray html:-webkit-full-screen{background:#eee;color:#424242}body.theme-gray .footer,body.theme-gray .header{color:#B85C57}body.theme-gray .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-light .no-op{color:#fff}body.theme-mocca,body.theme-mocca .loading,body.theme-mocca html:-webkit-full-screen{background:#3B3228;color:#D0C8C6}body.theme-mocca a{color:#8AB3B5}body.theme-mocca a:hover{color:#7BBDA4}body.theme-mocca .footer,body.theme-mocca .header{color:#F4BC87}body.theme-mocca .footer .location{color:#BEB55B}body.theme-mocca .header button.btn{background:#BB9584;color:#534636;text-shadow:#534636 0 0;border-color:#534636}body.theme-mocca .footer .spacer .toc-bar-entry.current-position{background:#F4BC87}body.theme-night,body.theme-night .loading,body.theme-night html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-night a,body.theme-night a:hover{color:#00bdaa}body.theme-night .modal{color:#333}body.theme-night .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-night img{filter:invert(1) contrast(.73);transition:filter linear .1s}body.theme-night img:hover{filter:none}body.theme-night .modal-dialog .modal-content{background:#222;color:#ccc}body.theme-night .modal-dialog .modal-content button.close{color:#fff}body.theme-night .modal-dialog .modal-content .form-control{background:#333;color:#ccc;border-color:#555}body.theme-night .modal-dialog .modal-footer,body.theme-night .modal-dialog .modal-header,body.theme-night .modal-dialog hr{border-color:#444}body.theme-plan9,body.theme-plan9 .loading,body.theme-plan9 html:-webkit-full-screen{background:#FFFFE8;color:#424242}body.theme-plan9 a{color:#22b9b2}body.theme-plan9 a:hover{color:#28d7cf}body.theme-plan9 .footer,body.theme-plan9 .header{color:#B85C57}body.theme-plan9 .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-sepia,body.theme-sepia .loading,body.theme-sepia html:-webkit-full-screen{background:#FAEFDB;color:#4a422b}body.theme-sepia .footer,body.theme-sepia .header{color:#B85C57}body.theme-sepia .footer .spacer .toc-bar-entry.current-position{background:#B85C57}
\ No newline at end of file
+body.epube-index .caption div,body.epube-reader .footer .chapter,body.epube-reader .header .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.epube-index .display-flex{display:flex;flex-wrap:wrap}body.epube-index .separate-search{padding:8px}body.epube-index .row>div{padding-top:10px}body.epube-index .row .thumbnail{height:200px;width:140px;margin-bottom:0}@media (max-width:641px){body.epube-index .row .col-xxs-6{width:50%}}body.epube-index .row .thumbnail img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}body.epube-index .row .thumbnail.read img{opacity:.5;filter:grayscale(100%)}body.epube-index .epube-app-filler{height:60px;display:none}body.epube-index .in_progress{font-style:italic}body.epube-index ::selection{background:#007d71;color:#fff}body.epube-index ::-webkit-scrollbar{width:4px}body.epube-index ::-webkit-scrollbar-thumb{background-color:#007d71}body.epube-index ::-webkit-scrollbar-track{background-color:#eee}body.epube-reader .loading{display:flex;justify-content:center;align-items:center;position:absolute;color:#999;top:0;left:0;height:100%;width:100%;z-index:32;text-align:center;background:#fff;padding:16px;font-size:18px}body.epube-reader .loading .loading-icon{font-size:32px;display:block;margin-right:16px}body.epube-reader .notice{width:120px;padding-left:5px}body.epube-reader .header{top:5px;left:0;width:100%;height:24px}body.epube-reader .footer{bottom:5px;left:0;width:100%;height:24px}body.epube-reader .footer,body.epube-reader .header{position:absolute;font-size:13px;display:flex;padding-left:10px;padding-right:10px;color:#999;align-items:center}body.epube-reader .footer .chapter_wrapper{white-space:nowrap;display:flex;padding-right:10px;cursor:pointer}body.epube-reader .footer .chapter_progress{padding-left:5px}body.epube-reader .header .title{margin-left:10px;flex-grow:2;text-align:center;font-weight:700}body.epube-reader .footer .spacer{flex-grow:2;position:relative;height:12px}body.epube-reader .footer .spacer .toc-bar-entry{position:absolute;background:#999;top:0;bottom:0;width:1px}body.epube-reader .footer .spacer .toc-bar-entry.current-position{background:#C33}body.epube-reader .footer .location{cursor:pointer;text-align:right}body.epube-reader .modal .last-mod-timestamp{line-height:32px}@media (max-width:539px){body.epube-reader .spacer>.toc-bar-entry{display:none}body.epube-reader .footer{width:100%}body.epube-reader .footer .chapter_wrapper,body.epube-reader .footer .location{min-width:30%;max-width:70%}}@media (min-width:540px){body.epube-reader .footer .chapter_wrapper,body.epube-reader .footer .location{min-width:25%;max-width:30%}}body.epube-reader .toolbar{text-align:right;display:flex;flex-direction:row}body.epube-reader .toolbar>*{cursor:pointer;margin:0 4px;padding:0 2px}body.epube-reader .toolbar>:last-child{margin-right:0}body.epube-reader #reader{position:absolute;top:32px;bottom:32px;left:32px;right:32px}body.epube-reader #left,body.epube-reader #right{position:absolute;top:48px;bottom:48px;width:0;z-index:10}body.epube-reader #left{left:0}body.epube-reader #right{right:0}@media (max-width:576px){body.epube-reader #reader{left:24px;right:24px}}body.epube-reader .chapter{cursor:pointer}body.epube-reader .dict_result,body.epube-reader .search_results,body.epube-reader .toc_list{max-height:300px;height:auto;overflow:auto}body.epube-reader .dict_result h1,body.epube-reader .dict_result h2,body.epube-reader .dict_result h3{font-size:14px;margin-top:0}body.epube-reader .dict_result h2{font-weight:700}body.epube-reader .search_results b.pull-right,body.epube-reader .toc_list b.pull-right{margin-right:8px;margin-left:16px}body.epube-reader .toc_sublist{margin-left:16px}body.epube-reader ::-webkit-scrollbar{width:4px}body.epube-reader ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}body.epube-reader ::-webkit-scrollbar-track{background-color:rgba(0,0,0,.1)}body.is-epube-app.epube-reader .header .toolbar,body.is-epube-app.epube-reader .header a{display:none}body.epube-sanity-failed{background:#900;color:#fff}.theme-night-common,.theme-night-common .loading,.theme-night-common html:-webkit-full-screen{background:#222;color:#d7cbc1}.theme-night-common a,.theme-night-common a:hover{color:#00bdaa}.theme-night-common .modal{color:#333}.theme-night-common .footer .spacer .toc-bar-entry.current-position{background:#8b0000}.theme-night-common img{filter:invert(1) contrast(.73);transition:filter linear .1s}.theme-night-common img:hover{filter:none}.theme-night-common .modal-dialog .modal-content{background:#222;color:#ccc}.theme-night-common .modal-dialog .modal-content button.close{color:#fff}.theme-night-common .modal-dialog .modal-content .form-control{background:#333;color:#ccc;border-color:#555}.theme-night-common .modal-dialog .modal-footer,.theme-night-common .modal-dialog .modal-header,.theme-night-common .modal-dialog hr{border-color:#444}@media (prefers-color-scheme:dark){body.theme-default,body.theme-default .loading,body.theme-default html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-default a,body.theme-default a:hover{color:#00bdaa}body.theme-default .modal{color:#333}body.theme-default .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-default img{filter:invert(1) contrast(.73);transition:filter linear .1s}body.theme-default img:hover{filter:none}body.theme-default .modal-dialog .modal-content{background:#222;color:#ccc}body.theme-default .modal-dialog .modal-content button.close{color:#fff}body.theme-default .modal-dialog .modal-content .form-control{background:#333;color:#ccc;border-color:#555}body.theme-default .modal-dialog .modal-footer,body.theme-default .modal-dialog .modal-header,body.theme-default .modal-dialog hr{border-color:#444}}body.theme-gray,body.theme-gray .loading,body.theme-gray html:-webkit-full-screen{background:#eee;color:#424242}body.theme-gray .footer,body.theme-gray .header{color:#B85C57}body.theme-gray .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-light .no-op{color:#fff}body.theme-mocca,body.theme-mocca .loading,body.theme-mocca html:-webkit-full-screen{background:#3B3228;color:#D0C8C6}body.theme-mocca a{color:#8AB3B5}body.theme-mocca a:hover{color:#7BBDA4}body.theme-mocca .footer,body.theme-mocca .header{color:#F4BC87}body.theme-mocca .footer .location{color:#BEB55B}body.theme-mocca .header button.btn{background:#BB9584;color:#534636;text-shadow:#534636 0 0;border-color:#534636}body.theme-mocca .footer .spacer .toc-bar-entry.current-position{background:#F4BC87}body.theme-night,body.theme-night .loading,body.theme-night html:-webkit-full-screen{background:#222;color:#d7cbc1}body.theme-night a,body.theme-night a:hover{color:#00bdaa}body.theme-night .modal{color:#333}body.theme-night .footer .spacer .toc-bar-entry.current-position{background:#8b0000}body.theme-night img{filter:invert(1) contrast(.73);transition:filter linear .1s}body.theme-night img:hover{filter:none}body.theme-night .modal-dialog .modal-content{background:#222;color:#ccc}body.theme-night .modal-dialog .modal-content button.close{color:#fff}body.theme-night .modal-dialog .modal-content .form-control{background:#333;color:#ccc;border-color:#555}body.theme-night .modal-dialog .modal-footer,body.theme-night .modal-dialog .modal-header,body.theme-night .modal-dialog hr{border-color:#444}body.theme-plan9,body.theme-plan9 .loading,body.theme-plan9 html:-webkit-full-screen{background:#FFFFE8;color:#424242}body.theme-plan9 a{color:#22b9b2}body.theme-plan9 a:hover{color:#28d7cf}body.theme-plan9 .footer,body.theme-plan9 .header{color:#B85C57}body.theme-plan9 .footer .spacer .toc-bar-entry.current-position{background:#B85C57}body.theme-sepia,body.theme-sepia .loading,body.theme-sepia html:-webkit-full-screen{background:#FAEFDB;color:#4a422b}body.theme-sepia .footer,body.theme-sepia .header{color:#B85C57}body.theme-sepia .footer .spacer .toc-bar-entry.current-position{background:#B85C57}
\ No newline at end of file