done with that feature for the demo

makon57 · Jul 2, 2021 · 460284a · 460284a
1 parent b605fe9
commit 460284a
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 15 deletions.
diff --git 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
@@ -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
@@ -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")