started table style refactoring

public/css/modules/globals.css

@@ -1,3 +1,78 @@
+/* Tables */
+
+.table {
+	width: 100%;
+	-webkit-border-horizontal-spacing: 0px;
+	-webkit-border-vertical-spacing: 0px;
+}
+
+.table td,
+.table th {
+	height: 50px;
+	padding: 4px 12px 4px 5px;
+	vertical-align: middle;
+	/* border: 0px black solid; */
+}
+
+.table th {
+	text-align: left;
+}
+
+.table tr:nth-child(even) {
+	background-color: var(--secondary-background);
+	border: 0px black solid;
+}
+
+.table td img {
+	vertical-align: middle;
+}
+
+.tracklist_table td {
+	height: 50px;
+	vertical-align: middle;
+}
+
+.tracklist_table .explicit_icon {
+	vertical-align: middle;
+	margin-right: var(--explicit-separator);
+}
+
+.tracklist_table .track_position_head,
+.tracklist_table .track_position {
+	width: 10px;
+	text-align: center;
+}
+
+.explicit_tracklist {
+	margin-left: var(--explicit-separator);
+}
+
+.track_checkbox {
+	cursor: pointer;
+}
+
+.track_row > td > img {
+	width: 32px;
+	height: 32px;
+}
+
+.track_row > td > a > img {
+	width: 56px;
+	height: 56px;
+}
+
+.tracks_table td.breakline {
+	word-break: break-word;
+}
+
+.top-tracks-position {
+	padding: 12px;
+	text-align: center;
+	cursor: default;
+}
+
+/* Tables End */
+
 #loading_overlay {
 	justify-content: center;
 	align-items: center;
@@ -84,7 +159,7 @@ i.disabled {
 }
 
 i.explicit_icon {
-	color: #FF3B30;
+	color: #ff3b30;
 	margin-right: var(--explicit-separator);
 }
 
@@ -97,33 +172,7 @@ span.tag {
 	padding: 3px 6px;
 }
 
-table {
-	width: 100%;
-	-webkit-border-horizontal-spacing: 0px;
-	-webkit-border-vertical-spacing: 0px;
-}
-
-table td,
-table th {
-	padding: 4px 12px 4px 5px;
-	vertical-align: middle;
-	border: 0px black solid;
-}
-
-td img {
-	vertical-align: middle;
-}
-
-table tr:nth-child(even) {
-	background-color: var(--secondary-background);
-	border: 0px black solid;
-}
-th {
-	text-align: left;
-}
-
-p,
-.tracks_table td.breakline {
+p {
 	word-break: break-word;
 }
 
@@ -147,6 +196,7 @@ a:visited {
 	display: flex;
 	align-items: center;
 }
+
 .inline-flex .right {
 	margin-left: auto;
 }
@@ -264,25 +314,30 @@ input[type='checkbox']:checked {
 	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;
@@ -292,6 +347,7 @@ th.sort-desc:after {
 	color: var(--accent-text);
 	cursor: pointer;
 }
+
 .fab i {
 	font-size: 24px;
 	padding: 16px;

public/css/modules/tabs/home-tab.css

@@ -2,12 +2,6 @@
 	margin-bottom: 15px;
 }
 
-.top-tracks-position {
-	padding: 12px;
-	text-align: center;
-	cursor: default;
-}
-
 .home_section {
 	border-top: 1px solid var(--separator);
 	padding-top: 25px;

public/css/modules/tabs/search-tab.css

@@ -104,13 +104,3 @@
 	grid-row-gap: 0px;
 	overflow-y: hidden;
 }
-
-.track_row > td > img {
-	width: 32px;
-	height: 32px;
-}
-
-.track_row > td > a > img {
-	width: 56px;
-	height: 56px;
-}

public/css/modules/tabs/tracklist-tab.css

@@ -1,23 +1 @@
-.tracklist_table td {
-	height: 50px;
-	vertical-align: middle;
-}
 
-.tracklist_table .explicit_icon {
-	vertical-align: middle;
-	margin-right: var(--explicit-separator);
-}
-
-.tracklist_table .track_position_head,
-.tracklist_table .track_position {
-	width: 10px;
-	text-align: center;
-}
-
-.explicit_tracklist {
-	margin-left: var(--explicit-separator);
-}
-
-.track_checkbox {
-	cursor: pointer;
-}