From 7b6a4c4e36ce65af376cd87f5f9e7c657ef2a12c Mon Sep 17 00:00:00 2001
From: toasted-nutbread <toasted-nutbread@users.noreply.github.com>
Date: Sat, 21 Nov 2020 21:17:39 -0500
Subject: More display updates (#1050)

* Use grid for layout

* Add data-count attribute

* Fix scroll issues during focus

* Add index to entries

* Simplify audio playback
---
 ext/mixed/css/display.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

(limited to 'ext/mixed/css')

diff --git a/ext/mixed/css/display.css b/ext/mixed/css/display.css
index 997aa40a..1e502b71 100644
--- a/ext/mixed/css/display.css
+++ b/ext/mixed/css/display.css
@@ -240,15 +240,16 @@ a {
 .content {
     width: 100%;
     height: 100%;
-    display: flex;
-    flex-flow: column nowrap;
     position: relative;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr;
+    grid-template-areas: "main";
+    justify-items: stretch;
     align-items: stretch;
-    justify-content: flex-start;
 }
 .content-scroll {
-    width: 100%;
-    height: 100%;
+    grid-area: main;
     display: flex;
     flex-flow: column nowrap;
     overflow-x: hidden;
-- 
cgit v1.2.3