From 0be122afb6cc43cbb4c2433844c6123b5f07d605 Mon Sep 17 00:00:00 2001
From: krateng <git.noreply@krateng.ch>
Date: Fri, 8 Sep 2023 06:11:13 +0200
Subject: [PATCH] CSS changes

---
 maloja/web/jinja/partials/performance.jinja |  2 +-
 maloja/web/jinja/partials/pulse.jinja       |  2 +-
 maloja/web/static/css/maloja.css            | 19 ++++++++++++++++---
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/maloja/web/jinja/partials/performance.jinja b/maloja/web/jinja/partials/performance.jinja
index 6d1c20f..558df31 100644
--- a/maloja/web/jinja/partials/performance.jinja
+++ b/maloja/web/jinja/partials/performance.jinja
@@ -11,7 +11,7 @@
 
 	{% set thisrange = t.range %}
 	<tr>
-		<td>{{ thisrange.desc() }}</td>
+		<td class="timerange">{{ thisrange.desc() }}</td>
 		<td class="rank">
 			{{ links.link_rank(filterkeys,thisrange,rank=t.rank) }}
 		</td>
diff --git a/maloja/web/jinja/partials/pulse.jinja b/maloja/web/jinja/partials/pulse.jinja
index 68960e4..aea2c60 100644
--- a/maloja/web/jinja/partials/pulse.jinja
+++ b/maloja/web/jinja/partials/pulse.jinja
@@ -10,7 +10,7 @@
 
 	{% set thisrange = t.range %}
 	<tr>
-		<td>{{ thisrange.desc() }}</td>
+		<td class="timerange">{{ thisrange.desc() }}</td>
 		<td class="amount">
 			{{ links.link_scrobbles([filterkeys,{'timerange':thisrange}],amount=t.scrobbles) }}
 		</td>
diff --git a/maloja/web/static/css/maloja.css b/maloja/web/static/css/maloja.css
index f46bc1e..bd25e80 100644
--- a/maloja/web/static/css/maloja.css
+++ b/maloja/web/static/css/maloja.css
@@ -515,9 +515,17 @@ table.twopart>tbody>tr>td {
 
 
 
+/* only on startpage for now, implement this for all tables??? */
+section table.list {
+	max-width: 100%;
+	width: 100%;
+	table-layout: fixed;
+}
+
 
 table.list {
 	border-collapse:collapse;
+
 }
 
 table.list tr {
@@ -560,13 +568,18 @@ table.list tr:hover {
 }
 
 table.list td.time {
-	width:11%;
+	width:9em;
 	color: var(--text-color-tertiary);
 }
 
+table.list td.timerange {
+	width:9em;
+}
+
 
 table.list tr td.rank {
 	padding-right: 4px;
+	width: 5em;
 
 }
 
@@ -601,8 +614,8 @@ table.list td.icon div {
 }
 
 table.list td.artists,td.artist,td.title,td.track {
-	min-width:100px;
-
+	min-width:500px;
+	max-width: 40em;
 
 }