diff --git a/public/stylesheets/details.css b/public/stylesheets/details.css index fa64026..cb1a5f1 100644 --- a/public/stylesheets/details.css +++ b/public/stylesheets/details.css @@ -174,7 +174,7 @@ img { border: solid 1px black; margin-left: 30%; margin-right: 30%; - margin-bottom: 5%; + margin-bottom: 1%; } textarea { @@ -186,3 +186,7 @@ textarea { .hidden { visibility: hidden; } + +.trail-list > a { + padding: 5px; +} diff --git a/public/stylesheets/index.css b/public/stylesheets/index.css index 782bf7c..2a57b7a 100644 --- a/public/stylesheets/index.css +++ b/public/stylesheets/index.css @@ -7,10 +7,6 @@ h1 { /* font-family: */ } -/* .header { - position: fixed; - width: 100%; -} */ .nav-bar { display: flex; @@ -74,10 +70,7 @@ h1 { border: solid 1px rgb(143, 143, 143); } -/* input#search-bar.search-bar::selection { - background-color: white; - color: thistle; -} */ + header > div { @@ -102,12 +95,15 @@ header > div { background-color: #d6d8d9; border-radius: 3px; margin: 0 32px 32px 0; - padding: 0 20px 32px 20px; + padding: 20px 20px 32px 20px; height: 60%; max-width: 180px; width: 20%; flex-basis: 220px; position: fixed; + display: flex; + justify-content: center; + align-items: flex-start; } .sidebar-container { @@ -170,3 +166,10 @@ img { border-radius: 25px; padding: 10px; } + +.sidebar-content { + display: flex; + align-items: center; + text-align: center; + text-decoration: transparent; +} diff --git a/views/index.pug b/views/index.pug index c1b1ca2..c8a3819 100644 --- a/views/index.pug +++ b/views/index.pug @@ -27,11 +27,8 @@ block content div(class="sidebar") div(class="sidebar-content") h3(class="trail-list") Trail List - ul - li - a(href='/login') Visited - li - a(href='/login') Want To Visit + a(href='/login') Visited + a(href='/login') Want To Visit div(class="trail-container") each trail in trails div(class="trail-div")