update live tv grid style

This commit is contained in:
Luke Pulverenti 2015-04-14 15:11:29 -04:00
parent a472453e4b
commit 1531e0b85c
3 changed files with 38 additions and 20 deletions

View file

@ -149,11 +149,11 @@
white-space: nowrap; white-space: nowrap;
position: relative; position: relative;
margin: 0 auto; margin: 0 auto;
margin-top: 44px; margin-top: 50px;
} }
.mobileGuide .programContainer { .mobileGuide .programContainer {
margin-top: 30px; margin-top: 38px;
} }
.channelPrograms { .channelPrograms {
@ -173,7 +173,16 @@
.timeslotHeaderInner { .timeslotHeaderInner {
padding: .6em .35em .5em; padding: .6em .35em .5em;
font-weight: 500; font-weight: 400;
font-size: 16px;
}
.channelTimeslotHeader .accentButton {
font-size: 15px;
}
.channelTimeslotHeader .timeslotHeaderInner {
padding-top: .4em;
} }
.channelHeaderCell, .channelTimeslotHeader { .channelHeaderCell, .channelTimeslotHeader {
@ -193,11 +202,11 @@
} }
.timeslotHeader, .channelTimeslotHeader { .timeslotHeader, .channelTimeslotHeader {
height: 34px; height: 42px;
} }
.channelHeaderCellInner { .channelHeaderCellInner {
padding: .2em .5em .5em; padding: .35em .5em .5em;
display: block; display: block;
text-decoration: none; text-decoration: none;
font-weight: 300 !important; font-weight: 300 !important;
@ -211,7 +220,7 @@
.channelList { .channelList {
float: left; float: left;
font-size: 18px; font-size: 16px;
font-weight: 300; font-weight: 300;
} }
@ -272,10 +281,6 @@
padding: 0 .5em .35em; padding: 0 .5em .35em;
} }
.plainProgramInfo {
background-color: #252525;
}
.guideChannelInfo { .guideChannelInfo {
display: inline-block; display: inline-block;
max-width: 110px; max-width: 110px;
@ -302,15 +307,11 @@
} }
.channelHeaderCell, .channelTimeslotHeader { .channelHeaderCell, .channelTimeslotHeader {
width: 89px; width: 94px;
} }
.programGrid, .timeslotHeaders { .programGrid, .timeslotHeaders {
margin-left: 90px; margin-left: 95px;
}
.currentDate {
font-size: 11px;
} }
.currentDay { .currentDay {
@ -321,13 +322,30 @@
width: 6500px; width: 6500px;
} }
.channelList { .channelList, .channelTimeslotHeader .accentButton {
font-size: 14px; font-size: 14px;
} }
.timeslotHeaderInner {
font-size: 14px;
padding-top: .8em;
}
.channelHeaderCellInner { .channelHeaderCellInner {
padding-top: .6em; padding-top: .6em;
} }
.channelTimeslotHeader a {
padding-left: 0 !important;
}
.channelTimeslotHeader i {
margin-right: 2px !important;
}
.channelTimeslotHeader .timeslotHeaderInner {
padding-top: .5em;
}
} }
.channelList, .programGrid { .channelList, .programGrid {

View file

@ -18,7 +18,7 @@
<div class="tvGuide"> <div class="tvGuide">
<div style="white-space: nowrap;position:fixed;top:99px;left:0;z-index:100; max-width: 100%;"> <div style="white-space: nowrap;position:fixed;top:99px;left:0;z-index:100; max-width: 100%;">
<div class="channelTimeslotHeader"> <div class="channelTimeslotHeader">
<div style="padding-top:4px;"> <div class="timeslotHeaderInner">
<a href="#popupConfig" data-rel="popup" class="accentButton" style="display:block;padding-left:5px;"><i class="fa fa-calendar"></i><span class="currentDate"></span></a> <a href="#popupConfig" data-rel="popup" class="accentButton" style="display:block;padding-left:5px;"><i class="fa fa-calendar"></i><span class="currentDate"></span></a>
</div> </div>
</div> </div>

View file

@ -29,8 +29,8 @@
</div> </div>
</li> </li>
<li> <li>
<label for="txtUploadRateLimit">${LabelUploadSpeedLimit}</label> <label for="txtUploadSpeedLimit">${LabelUploadSpeedLimit}</label>
<input type="number" id="txtUploadSpeedLimit" min="0" step=".5" required="required" /> <input type="number" id="txtUploadSpeedLimit" min="0" step=".5" />
</li> </li>
<li> <li>
<label for="txtCpuCoreLimit">${LabelConversionCpuCoreLimit}</label> <label for="txtCpuCoreLimit">${LabelConversionCpuCoreLimit}</label>