diff --git a/airtime_mvc/public/css/radio-page/radio-page.css b/airtime_mvc/public/css/radio-page/radio-page.css index 5bf80c205..d7cede22a 100644 --- a/airtime_mvc/public/css/radio-page/radio-page.css +++ b/airtime_mvc/public/css/radio-page/radio-page.css @@ -32,7 +32,7 @@ body { /*display: none;*/ height: 100%; width: 100%; - max-width: 750px; + max-width: 740px; margin: 0 auto; margin-top: 20px; margin-bottom: 140px; @@ -44,7 +44,7 @@ body { transition-delay: 1s;*/ } -.tab_content.current { +#schedule_iframe.tab_content.current, .tab_content.current { /*display: block;*/ visibility: visible; } @@ -54,7 +54,7 @@ body { transition-delay: 2s; } -.schedule, .about_us, .login { +#schedule_iframe.schedule, .about_us, .login { /* -webkit-transition-delay: 1s; transition-delay: 1s;*/ transition: all 0.4s ease; @@ -67,7 +67,7 @@ body { transition-delay: 0.4s; } -.schedule.current { +#schedule_iframe.schedule.current { opacity: 1; } @@ -145,10 +145,12 @@ input[type="submit"]:hover { right: 10px; } - .schedule .tabs li { - width: 64px; - height: 64px; - padding: 6px; + #schedule_iframe { + margin-top: 0px; + max-width: 100%; + margin-left: auto; + left: -10px; + right: 10px; } .about_us h1 { diff --git a/airtime_mvc/public/css/radio-page/weekly-schedule-widget.css b/airtime_mvc/public/css/radio-page/weekly-schedule-widget.css index 4d1f000cf..ad65b26fd 100644 --- a/airtime_mvc/public/css/radio-page/weekly-schedule-widget.css +++ b/airtime_mvc/public/css/radio-page/weekly-schedule-widget.css @@ -6,7 +6,6 @@ body { .tab_content { color: #fff; text-align: center; - /*display: none;*/ visibility: hidden; width: 100%; max-width: 740px; @@ -17,8 +16,6 @@ body { position: absolute; left: 50%; margin-left: -380px; - /* -webkit-transition-delay: 1s; - transition-delay: 1s;*/ } .tab_content.current { @@ -106,4 +103,22 @@ body { .schedule_item h4 { margin: 10px 0px; font-weight: 400; -} \ No newline at end of file +} + +@media (max-width: 730px) { + .tab_content { + margin-top: 0px; + width: auto; + max-width: 100%; + margin-left: auto; + left: 10px; + right: 10px; + } + + .schedule .tabs li { + width: 64px; + height: 64px; + padding: 6px; + } +} +