Continuing work on artist tab style

public/css/modules/globals.css

@@ -60,13 +60,13 @@ span.tag {
 	padding: 3px 6px;
 }
 
-.tracks_table {
+table {
 	width: 100%;
 	-webkit-border-horizontal-spacing: 0px;
 	-webkit-border-vertical-spacing: 0px;
 }
 
-.tracks_table td {
+table td {
 	padding: 4px 12px 4px 5px;
 	vertical-align: middle;
 	border: 0px black solid;
@@ -76,10 +76,13 @@ td img {
 	vertical-align: middle;
 }
 
-.tracks_table tr:nth-child(even) {
+table tr:nth-child(even) {
 	background-color: var(--secondary-background);
 	border: 0px black solid;
 }
+th{
+	text-align: left;
+}
 
 p,
 .tracks_table td.breakline {
@@ -102,6 +105,9 @@ p,
 	display: flex;
 	align-items: center;
 }
+.inline-flex .right{
+	margin-left: auto;
+}
 
 .secondary-text .material-icons {
 	font-size: 17px !important;
@@ -169,3 +175,24 @@ input[type="number"] {
 	width: 100%;
 	margin-top: 24px;
 }
+.tab {
+	margin: 16px 0px;
+}
+th.sortable{
+	-webkit-user-select: none;
+	user-select: none;
+}
+th.sort-asc:after {content: "\25b2";font-size: 0.7em;padding-left: 3px;line-height: 0.7em;}
+th.sort-desc:after {content: "\25bc";font-size: 0.7em;padding-left: 3px;line-height: 0.7em;}
+.fab{
+	width: 56px;
+	height: 56px;
+	border-radius: 28px;
+	display: inline-block;
+	background-color: var(--accent-color);
+	color: var(--accent-text);
+}
+.fab i{
+	font-size: 24px;
+	padding: 16px;
+}

public/css/modules/main-search.css

@@ -3,10 +3,6 @@
 	float: none;
 }
 
-#search_tab .tab {
-	margin-bottom: 24px;
-}
-
 .top_result {
 	display: flex;
 	align-items: center;