diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 79e162d..09aec0c 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -4,8 +4,16 @@ body { font: 16px monospace; - width: 1024px; - margin: 0 auto 1em; +} + +.page-wrapper { + display: flex; + justify-content: center; +} + +.page.absolute { + display: flex; + flex-direction: column; } table td { diff --git a/views/layout.jade b/views/layout.jade index 098bc43..e079e57 100644 --- a/views/layout.jade +++ b/views/layout.jade @@ -5,14 +5,16 @@ html link(rel='stylesheet', href='/stylesheets/style.css') link(rel='shortcut icon', href='/favicon.ico') body - div.header - h1 - a(href='/') - img(src='/images/gostcoin-b.png') - span GOSTcoin blockchain explorer - div - form(action="/search/", method="POST") - input(type="text", name="search" placeholder="Search by transaction id, block hash/index or address", size="68") - input(type="submit", value=">>") - div.content - block content + div.page-wrapper + div.page + div.header + h1 + a(href='/') + img(src='/images/gostcoin-b.png') + span GOSTcoin blockchain explorer + div + form(action="/search/", method="POST") + input(type="text", name="search" placeholder="Search by transaction id, block hash/index or address", size="68") + input(type="submit", value=">>") + div.content + block content