diff --git a/src/UI/Calendar/CalendarView.js b/src/UI/Calendar/CalendarView.js index c386acbda..4f465d074 100644 --- a/src/UI/Calendar/CalendarView.js +++ b/src/UI/Calendar/CalendarView.js @@ -30,6 +30,9 @@ define( onShow: function () { this.$('.fc-button-today').click(); + this.$el.fullCalendar('render'); + + this.$('.fc-day-header').css('width: 14.3%'); }, _viewRender: function (view) { @@ -38,6 +41,7 @@ define( } this._getEvents(view); + this.$('.fc-day-header').css('width: 14.3%'); }, _eventRender: function (event, element) { diff --git a/src/UI/Calendar/calendar.less b/src/UI/Calendar/calendar.less index 2726fe3c0..2f7c715e8 100644 --- a/src/UI/Calendar/calendar.less +++ b/src/UI/Calendar/calendar.less @@ -6,6 +6,8 @@ @import "../Content/Overrides/bootstrap"; .calendar { + width: 100%; + th, td { border-color : #eeeeee; } diff --git a/src/UI/Cells/cells.less b/src/UI/Cells/cells.less index a6e55545a..f5cf8301a 100644 --- a/src/UI/Cells/cells.less +++ b/src/UI/Cells/cells.less @@ -3,6 +3,7 @@ @import "../Content/Bootstrap/buttons"; @import "../Shared/Styles/clickable"; @import "../Content/mixins"; +@import "../Content/variables"; .table { @@ -11,14 +12,25 @@ .series-title { .text-overflow(); + + @media @sm { + max-width: 250px + } } .episode-title-cell { - .btn-link; .text-overflow(); - &:hover { - text-transform: none; + @media @lg { + max-width: 350px; + } + + @media @md { + max-width: 250px; + } + + @media @sm { + max-width: 200px; } } diff --git a/src/UI/Content/variables.less b/src/UI/Content/variables.less index 298490f5c..aaa1eefd7 100644 --- a/src/UI/Content/variables.less +++ b/src/UI/Content/variables.less @@ -1,4 +1,10 @@ @nzbdroneRed: #c4273c; @purple: #7a43b6; @nzbdronePurple: #7932ea; -@droneTeal: #35c5f4; \ No newline at end of file +@droneTeal: #35c5f4; + +//@tn: ~'(max-width: @{screen-tn-max})'; +@xs: ~'(min-width: @{screen-xs-max}) and (max-width: @{screen-xs-max})'; +@sm: ~'(min-width: @{screen-sm-min}) and (max-width: @{screen-sm-max})'; +@md: ~'(min-width: @{screen-md-min}) and (max-width: @{screen-md-max})'; +@lg: ~'(min-width: @{screen-lg-min})'; \ No newline at end of file diff --git a/src/UI/JsLibraries/fullcalendar.js b/src/UI/JsLibraries/fullcalendar.js index 41c50856c..28f2a04c9 100644 --- a/src/UI/JsLibraries/fullcalendar.js +++ b/src/UI/JsLibraries/fullcalendar.js @@ -2441,7 +2441,7 @@ function BasicView(element, calendar, viewName) { } colWidth = Math.floor((viewWidth - weekNumberWidth) / colCnt); - setOuterWidth(headCells.slice(0, -1), colWidth); + setOuterWidth(headCells, colWidth); }