From 5e90ddd044ec2849746086db4e1e5d6b70310a37 Mon Sep 17 00:00:00 2001
From: Casper Talvio <ctalvio@gmail.com>
Date: Wed, 4 Jan 2023 03:22:39 +0200
Subject: [PATCH] Improve buttons and grid episodes

Improve grid episodes on mobile, by hopefully a lot
---
 base.css                      |  4 ----
 episodelist/episodes_grid.css | 21 +++++++++++++--------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/base.css b/base.css
index b74c1a7..cb5f2b7 100644
--- a/base.css
+++ b/base.css
@@ -190,10 +190,6 @@ div[data-role="controlgroup"] a[data-role="button"] {
 	background: rgba(0, 164, 220, 0.2);
 	color: #00a4dc !important;
 }
-.button-flat {
-    margin: .2em !important;
-    padding: .85em !important;
-}
 .dashboardSection h3 {
     margin: .5em .0em .5em .5em;
 }
diff --git a/episodelist/episodes_grid.css b/episodelist/episodes_grid.css
index b9f6720..c486b13 100644
--- a/episodelist/episodes_grid.css
+++ b/episodelist/episodes_grid.css
@@ -95,26 +95,31 @@
 .layout-mobile .listItemIndicators {
   right: 0;
   top: 0;
-  width: 100%;
-  height: 100%;
   z-index: 0;
 }
 
 .layout-mobile .playedIndicator {
-  width: 100%;
-  height: 100%;
+  width: 2em;
+  height: 2em;
   font-size: 1.2rem;
+  position: absolute;
+  top: 0.65em;
+  right: 8.4em;
+  box-shadow: none;
 }
 
 .layout-mobile .listItemIndicators .indicatorIcon.check {
-  position: absolute;
-  top: .55em;
-  right: 5.4em;
   z-index: 2;
 }
 
 .layout-mobile .listItemBodyText {
-  max-width: 10rem;
+  max-width: 36vw;
+}
+
+@media all and (min-width: 50em) {
+  .layout-mobile .listItemBodyText {
+    max-width: 100%;
+  }
 }
 
 .layout-mobile .listItem .playedIndicator {