diff --git a/static/css/Icons/icn_arrow_left.svg b/static/css/Icons/icn_arrow_left.svg
new file mode 100644
index 0000000..2c14d56
--- /dev/null
+++ b/static/css/Icons/icn_arrow_left.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_arrow_right.svg b/static/css/Icons/icn_arrow_right.svg
new file mode 100644
index 0000000..8e2c579
--- /dev/null
+++ b/static/css/Icons/icn_arrow_right.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_audio.svg b/static/css/Icons/icn_audio.svg
new file mode 100644
index 0000000..7dea799
--- /dev/null
+++ b/static/css/Icons/icn_audio.svg
@@ -0,0 +1,12 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_close_large.svg b/static/css/Icons/icn_close_large.svg
new file mode 100644
index 0000000..5b1e98f
--- /dev/null
+++ b/static/css/Icons/icn_close_large.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_close_small.svg b/static/css/Icons/icn_close_small.svg
new file mode 100644
index 0000000..45ba334
--- /dev/null
+++ b/static/css/Icons/icn_close_small.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_download.svg b/static/css/Icons/icn_download.svg
new file mode 100644
index 0000000..20c4657
--- /dev/null
+++ b/static/css/Icons/icn_download.svg
@@ -0,0 +1,12 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_external_link.svg b/static/css/Icons/icn_external_link.svg
new file mode 100644
index 0000000..e0bd12b
--- /dev/null
+++ b/static/css/Icons/icn_external_link.svg
@@ -0,0 +1,12 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_image.svg b/static/css/Icons/icn_image.svg
new file mode 100644
index 0000000..d70b095
--- /dev/null
+++ b/static/css/Icons/icn_image.svg
@@ -0,0 +1,12 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_navigation_dot_active.svg b/static/css/Icons/icn_navigation_dot_active.svg
new file mode 100644
index 0000000..1e39983
--- /dev/null
+++ b/static/css/Icons/icn_navigation_dot_active.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_navigation_dot_inactive.svg b/static/css/Icons/icn_navigation_dot_inactive.svg
new file mode 100644
index 0000000..f0fa305
--- /dev/null
+++ b/static/css/Icons/icn_navigation_dot_inactive.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_open_small.svg b/static/css/Icons/icn_open_small.svg
new file mode 100644
index 0000000..2b8deeb
--- /dev/null
+++ b/static/css/Icons/icn_open_small.svg
@@ -0,0 +1,9 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_search.svg b/static/css/Icons/icn_search.svg
new file mode 100644
index 0000000..74fa4f2
--- /dev/null
+++ b/static/css/Icons/icn_search.svg
@@ -0,0 +1,11 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/icn_video.svg b/static/css/Icons/icn_video.svg
new file mode 100644
index 0000000..f6059cf
--- /dev/null
+++ b/static/css/Icons/icn_video.svg
@@ -0,0 +1,12 @@
+
+
\ No newline at end of file
diff --git a/static/css/Icons/placeholder_no-image2.png b/static/css/Icons/placeholder_no-image2.png
new file mode 100644
index 0000000..b13e7ea
Binary files /dev/null and b/static/css/Icons/placeholder_no-image2.png differ
diff --git a/static/css/style.css b/static/css/style.css
index 407fa9a..e6da0cf 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -409,7 +409,9 @@ tbody tr th a{
color: #000000;
}
-
+#artistsindex-table_paginate{
+ background-color: #E9E9E9;
+}
.dataTables_paginate {
display: flex;
flex-direction: row;
@@ -417,8 +419,8 @@ tbody tr th a{
align-content: baseline;
margin-left: auto;
margin-right: auto;
- margin-top: 42px;
- margin-bottom: 52px;
+ padding-top: 42px;
+ padding-bottom: 52px;
font-family: Roboto Condensed;
font-size: 14px;
line-height: 48px;
@@ -428,7 +430,7 @@ tbody tr th a{
max-width: 376px;
}
-.dataTables_paginate span {
+.dataTables_paginate > span {
display: flex;
flex-direction: row;
justify-content: space-around;
@@ -440,13 +442,38 @@ a.current {
width: 36px;
border-radius: 6px;
background-color: #1B42D8;
- margin: auto;
display: flex;
justify-content: center;
align-content: baseline;
line-height: 36px;
+ margin-top: 6px;
cursor: pointer;
}
+.paginate_button{
+ cursor: pointer;
+}
+a.paginate_button.previous, a.paginate_button.next{
+ display: flex;
+ flex-direction: row;
+}
+a.paginate_button.previous:before {
+ display: inline-block;
+ content: ' ';
+ background-image: url('Icons/icn_arrow_left.svg');
+ background-size: 16px 16px;
+ height: 16px;
+ width: 16px;
+ margin: 16px 16px 0px 0px;
+}
+a.paginate_button.next:after {
+ display: inline-block;
+ content: ' ';
+ background-image: url('Icons/icn_arrow_right.svg');
+ background-size: 16px 16px;
+ height: 16px;
+ width: 16px;
+ margin: 16px 0px 0px 16px;
+}
/************ TEXT STYLES************/
.title {