Auction view fix & TODO update

src/TODO.md

@@ -5,8 +5,8 @@
 ----------------
  - Auction expiry (unable to bid after x time)
  - User reviews
-----------------
  - Yardoc 50%
+----------------
 
 ## Refactor
  - Funds transfer logic for auctions?

src/views/auction/view.slim

@@ -24,7 +24,7 @@
           ul 
             | Categories:
           - auction.categories.each do |category|
-            ul style="color: #{category.color}" = category.name
+            ul style="color: #{category.color}; font-weight: bold" = category.name
 
       - if not auction.expired?
         div

src/views/stylesheets/style.sass

@@ -20,6 +20,8 @@ $gray_clr: #888
 
 $special_clr: #4776C1
 
+$header_height: 4rem
+
 \:root
   display: border-box
   margin: 0
@@ -45,6 +47,7 @@ html
   height: 100%
 
 .fade-in
+  height: calc(100% - #{$header_height})
   animation: fade-in .5s ease-in alternate
 
 // Layout
@@ -53,10 +56,12 @@ body
   height: 100% 
 
 header
+  display: flex
+  align-items: center
   background-color: $bg_clr
-  padding: .1rem .8rem 
   white-space: nowrap
   border-bottom: $border_size solid $shadow_clr
+  height: calc(#{$header_height} - #{$border_size})
   img.avatar
     transition: border .2s
 
@@ -65,6 +70,7 @@ header
 
   div
     display: flex
+    flex: 1
     max-width: 70rem
     margin: 0 auto
     align-items: center
@@ -448,10 +454,6 @@ ul.list-container
   display: flex
   flex-direction: column
 
-#auction-view-container
-  margin-top: 1rem
-  justify-content: unset
-
 #auction-view
   display: grid
   grid-template-columns: 1fr 1fr