diff --git a/public/css/modules/globals.css b/public/css/modules/globals.css index 378e9ae..a0ae4cb 100644 --- a/public/css/modules/globals.css +++ b/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; +} diff --git a/public/css/modules/main-search.css b/public/css/modules/main-search.css index 5236b08..d097113 100644 --- a/public/css/modules/main-search.css +++ b/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; diff --git a/public/index.html b/public/index.html index a9575f2..2415821 100644 --- a/public/index.html +++ b/public/index.html @@ -37,7 +37,7 @@

{{ names[section] }}

-
+
@@ -164,10 +164,12 @@

Home