From ddb7beebee10cac7380fe77f2a8a5b0231e85f4e Mon Sep 17 00:00:00 2001
From: "E. Almqvist" <elalmqvist@gmail.com>
Date: Sat, 23 Apr 2022 14:29:17 +0200
Subject: [PATCH] Auction view fix & TODO update

---
 src/TODO.md                      |  2 +-
 src/views/auction/view.slim      |  2 +-
 src/views/stylesheets/style.sass | 12 +++++++-----
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/TODO.md b/src/TODO.md
index a09f0c4..c2455f9 100644
--- a/src/TODO.md
+++ b/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?
diff --git a/src/views/auction/view.slim b/src/views/auction/view.slim
index 716ff48..028115d 100644
--- a/src/views/auction/view.slim
+++ b/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
diff --git a/src/views/stylesheets/style.sass b/src/views/stylesheets/style.sass
index 8ba0e7d..478d4c9 100644
--- a/src/views/stylesheets/style.sass
+++ b/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