From 21e0e0dd9c2fefbfc1ac92a5f929be0c05b7e113 Mon Sep 17 00:00:00 2001
From: TreetopFlyer <seth111@gmail.com>
Date: Wed, 27 Apr 2022 08:25:22 -0400
Subject: [PATCH] responsive

---
 app.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app.js b/app.js
index 239ad49..7b331c2 100644
--- a/app.js
+++ b/app.js
@@ -107,6 +107,15 @@ const StyledRoot = styled.div`
             background: red;
         }
     }
+
+    @media(max-width:500px)
+    {
+        flex-wrap: wrap;
+        .Pointer
+        {
+            width: 100%;
+        }
+    }
 }
 .Alert
 {
@@ -318,7 +327,7 @@ const BroadcastItem = ({item, previous, priority, selected, select}) =>
 
     return html`
     ${ partition }
-    <div class="Broadcast" key=${item.id} onClick=${select}>
+    <div class=${`Broadcast ${item.timeframe}`} key=${item.id}>
         <div class="Pointer">${ pointerText }</div>
         <div class="Time">${item.start.Hours}:${item.start.Minutes} ${item.start.M}</div>
         <div class="Title">${item.name}</strong>