responsive

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>