updated style on templates both css and html files

static/css/style.css

@@ -352,13 +352,13 @@ input.submitemail{
 
 /*div#home-recent-title, div#browsethearchive-title, div#artistsindex-title, div#publishersindex-title, div#selfpublishedindex-title, div#zinesindex-title, */
 div.pagetitle{
-	margin-top: 60px;
-	margin-bottom: 30px;
+	margin: 60px 80px 30px 80px;
 	font-size: 25px;
 	font-family: 'Roboto Condensed', sans-serif;
 	font-weight: bold;
 	text-transform: uppercase;
-	margin-left: 5%;
+	letter-spacing: 1.88px;
+    line-height: 35px;
 }
 
 /******************************************************/
@@ -370,35 +370,82 @@ div.pagetitle{
 table, th, td {
   border-bottom: 1px solid black;
   border-collapse: collapse;
-  padding: 10px 30px 10px 30px;
+  text-align: left;
 }
+#artistsindex-table_wrapper{ overflow-x:auto; }
+#artistsindex-table, #publishersindex-table, #zinesindex-table, #selfpublishedindex-table {
+ width: 100%; }
+
+thead tr th:first-child { padding: 0px 0px 0px 80px  }
+thead tr th:last-child  { padding: 0px 80px 0px 0px }
+
+tr { padding: 10px 80px 10px 80px;  }
+th { padding: 22px; }
+.idnumber { padding: 0px 0px 0px 80px  }
+.label { font-weight: bold;}
+.altaliases {}
+.description { padding: 0px 80px 0px 0px }
 
 thead tr th{
 	text-transform: uppercase;
 	color:#7f7f7f;
 	font-size: 16px;
+    letter-spacing: 1.5px;
+    line-height: 24px;
 	font-family: 'Roboto Condensed', sans-serif;
 	font-weight: normal;
 	border-bottom: black 3px solid;
 }
 
 tbody tr th{
-	font-size: 20px;
+	font-size: 18px;
+	line-height: 26px;
 	font-family: 'Roboto Condensed', sans-serif;
 	font-weight: normal;
 }
 
-tbody tr th.label a{
-	font-weight: bold;
-}
-
 tbody tr th a{
 	text-decoration: none;
 	color: #000000;
 }
 
-tbody tr th.description{
-	font-size: 16px;
+
+.dataTables_paginate {
+	display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-content: baseline;
+    margin-left: auto;
+    margin-right: auto;
+	margin-top: 42px;
+	margin-bottom: 52px;
+	font-family: Roboto Condensed;
+  	font-size: 14px;
+  	line-height: 48px;
+  	font-weight: bold;
+  	font-stretch: condensed;
+  	min-height: 48px;
+    max-width: 376px;
+}
+
+.dataTables_paginate span {
+	display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    width: 100%;
+}
+
+a.current {
+  	height: 36px;
+  	width: 36px;
+  	border-radius: 6px;
+  	background-color: #1B42D8;
+	margin: auto;
+	display: flex;
+	justify-content: center;
+	align-content: baseline;
+	line-height: 36px;
+	cursor: pointer;
 }
 
 /************ TEXT STYLES************/
@@ -428,8 +475,8 @@ tbody tr th.description{
 /************ BUTTONS ************/
 
 .primary-button {
-  width: 365px;
-  height: 48px;
+  max-width: 365px;
+  min-height: 48px;
   font-family: Roboto;
   font-size: 14px;
   font-weight: bold;
@@ -481,7 +528,6 @@ div#home-top-div{
 	border:blue solid 1px;
 }
 
-
 img.home-recent-imgs{
 	width: 100%;
 }
@@ -569,7 +615,6 @@ img.browsethearchive-imgs{
 
 }
 
-
 div.browsethearchive-items{
 	display: inline-block;
 	padding:10px;
@@ -652,20 +697,24 @@ text-align: center;
 /************ BROWSE BY CATEGORY ************/
 
 div#browsebycategory-listcategories{
-	margin: 0px 80px;
+	margin: 0px 80px 60px 80px;
 }
 div.browsebycategory-categories{
 	margin: 22px 0px;
-	padding: 10px;
+	padding: 16px;
 	border-radius: 6px;
 	background-color: var(--blue-blue);
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
 }
 
 div.browsebycategory-categories a { 
+	font-family: Roboto Condensed;
 	color: #ffffff;
 	text-decoration: none;
-	margin-top: auto;
-	margin-bottom: auto; 
+	margin: auto; 
+	display: inline-block;
 }
 
 

templates/artistsindex.html

@@ -15,9 +15,9 @@
 <tbody>
 {% for x in results['results']['bindings']%}
 <tr>
-    <th><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
+    <th class="idnumber"><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
     <th class="label"><a href="person?id={{ x['creators']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["creatorsLabel"]['value'] }}</a></th>
-    <th>
+    <th class="altaliases">
     {% if "creatorsAltLabel" in x %}
         {{ x["creatorsAltLabel"]["value"] }}
     {% endif %}

templates/publishersindex.html

@@ -15,9 +15,9 @@
 <tbody>
 {% for x in results['results']['bindings']%}
 <tr>
-    <th><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
+    <th class="idnumber"><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
     <th class="label"><a href="person?id={{ x['publishers']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["publishersLabel"]['value'] }}</a></th>
-    <th>
+    <th class="altaliases">
     {% if "publishersAltLabel" in x %}
         {{ x["publishersAltLabel"]["value"] }}
     {% endif %}

templates/selfpublishedindex.html

@@ -15,9 +15,9 @@
 <tbody>
 {% for x in results['results']['bindings']%}
 <tr>
-    <th><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
+    <th class="idnumber"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
     <th class="label"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["workLabel"]['value'] }}</a></th>
-    <th>
+    <th class="altaliases">
     {% if "workAltLabel" in x %}
         {{ x["workAltLabel"]["value"] }}
     {% endif %}

templates/zinesindex.html

@@ -15,9 +15,9 @@
 <tbody>
 {% for x in results['results']['bindings']%}
 <tr>
-    <th><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
+    <th class="idnumber"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}</a></th>
     <th class="label"><a href="artwork?id={{ x['work']['value'] | replace('http://wikibase.svc/entity/', '') }}">{{ x["workLabel"]['value'] }}</a></th>
-    <th>
+    <th class="altaliases">
     {% if "workAltLabel" in x %}
         {{ x["workAltLabel"]["value"] }}
     {% endif %}