From 97074fa8d0e5db3a88e24129b5cb98dc787ac14a Mon Sep 17 00:00:00 2001
From: JoBCB <joaninha_quelhas@hotmail.com>
Date: Thu, 5 Nov 2020 18:20:11 +0000
Subject: [PATCH] started on browse by category

---
 static/css/style.css            | 23 ++++++++++++-----------
 templates/browsebycategory.html |  8 ++++----
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 32f8e92..5935c00 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -429,7 +429,7 @@ tbody tr th.description{
 
 .primary-button {
   width: 365px;
-  height: 16px;
+  height: 48px;
   font-family: Roboto;
   font-size: 14px;
   font-weight: bold;
@@ -444,7 +444,7 @@ tbody tr th.description{
 
 .secondary-button {
   width: 365px;
-  height: 16px;
+  height: 48px;
   font-family: Roboto;
   font-size: 14px;
   font-weight: bold;
@@ -652,26 +652,27 @@ text-align: center;
 /************ BROWSE BY CATEGORY ************/
 
 div#browsebycategory-listcategories{
-
+	margin: 0px 80px;
 }
 div.browsebycategory-categories{
-	border: black 1px solid;
-	margin: 10px;
+	margin: 22px 0px;
 	padding: 10px;
-	width: 20em;
+	border-radius: 6px;
+	background-color: var(--blue-blue);
 }
 
-
-
+div.browsebycategory-categories a { 
+	color: #ffffff;
+	text-decoration: none;
+	margin-top: auto;
+	margin-bottom: auto; 
+}
 
 
 /************ SEARCH TOOLS ************/
 
 
 
-
-
-
 /*********************************************/
 /************ PERSON AND ARTWORK ************/
 /*******************************************/
diff --git a/templates/browsebycategory.html b/templates/browsebycategory.html
index 3644356..c84830b 100644
--- a/templates/browsebycategory.html
+++ b/templates/browsebycategory.html
@@ -2,10 +2,10 @@
 {% block content %}
 
 <div id="browsebycategory-listcategories">
-<div class="browsebycategory-categories"><a href="{{ url_for('artistsindex') }}">BROWSE BY CREATOR/CONTRIBUTOR</a></div>
-<div class="browsebycategory-categories"><a href="{{ url_for('publishersindex') }}">BROWSE BY PUBLISHER</a></div>
-<div class="browsebycategory-categories"><a href="{{ url_for('selfpublishedindex') }}">BROWSE ALL SELF-PUBLISHED</a></div>
-<div class="browsebycategory-categories"><a href="{{ url_for('zinesindex') }}">BROWSE ALL ZINES</a></div>
+<div class="browsebycategory-categories primary-button"><a href="{{ url_for('artistsindex') }}">BROWSE BY CREATOR/CONTRIBUTOR</a></div>
+<div class="browsebycategory-categories primary-button"><a href="{{ url_for('publishersindex') }}">BROWSE BY PUBLISHER</a></div>
+<div class="browsebycategory-categories primary-button"><a href="{{ url_for('selfpublishedindex') }}">BROWSE ALL SELF-PUBLISHED</a></div>
+<div class="browsebycategory-categories primary-button"><a href="{{ url_for('zinesindex') }}">BROWSE ALL ZINES</a></div>
 
 <div>More categories coming soon...</div>
 </div>