From 02df3640b7e3bd7b20c04a8d867cf2c330caa111 Mon Sep 17 00:00:00 2001
From: Kameron Kenny <kameron.kenny@salesforce.com>
Date: Wed, 29 May 2019 09:28:16 -0400
Subject: [PATCH] media styles

---
 broadcast_timer/style.css | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/broadcast_timer/style.css b/broadcast_timer/style.css
index b92e339..d69ccc0 100644
--- a/broadcast_timer/style.css
+++ b/broadcast_timer/style.css
@@ -12,20 +12,8 @@ table, th, td { border: 0px solid #999; padding: 0px; padding-top: 0px; padding-
 
 .clear { clear: both ;}
 
-.grid-container {
-  display: grid;
-  grid-template-areas:
-  'top-bar top-bar'
-  'info-bar info-bar'
-  'left right'
-  'bottom bottom';
-  grid-gap: 3px;
-  padding: 4px;
-  padding-top: 0px;
-  width: 100%;
-}
 
-@media (max-width:600px) {
+@media (min-width:400px) {
 .grid-container {
   display: grid;
   grid-template-areas:
@@ -40,6 +28,22 @@ table, th, td { border: 0px solid #999; padding: 0px; padding-top: 0px; padding-
   width: 100%;
 }
 }
+
+@media (min-width:750px) {
+.grid-container {
+  display: grid;
+  grid-template-areas:
+  'top-bar top-bar'
+  'info-bar info-bar'
+  'left right'
+  'bottom bottom';
+  grid-gap: 3px;
+  padding: 4px;
+  padding-top: 0px;
+  width: 100%;
+}
+}
+
 .grid-top-bar {
   grid-area: top-bar;
   padding: 0px;