Style calendar for small screens

nadineproject · Dec 29, 2016 · 8eb3c7e · 8eb3c7e
1 parent 66ab005
commit 8eb3c7e
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 3 deletions.
diff --git a/members/static/css/members.css b/members/static/css/members.css
@@ -2163,6 +2163,15 @@ footer.sticky-footer {
 		min-width: 515px;
 	}
 
+	.fc-center {
+		display: block !important;
+		text-align: center;
+	}
+
+	.fc-left, .fc-right {
+		margin-bottom: 5%;
+	}
+
 	footer#footer.main-footer {
 		background: RGBA(61, 61, 61, .9);
 		bottom: 0;
@@ -2183,4 +2192,21 @@ footer.sticky-footer {
 	.prof-img, .edit-img, .locked-img{
 		margin-left: 5%;
 	}
+
+	.fc-right {
+		display: none;
+	}
+
+	.fc-left {
+		margin-bottom: 5%;
+	}
+
+	.fc-scroller, .fc-view-container {
+		height: 325px !important;
+	}
+
+	.fc-scroller {
+		overflow-y: visible;
+		overflow-x: scroll !important;
+	}
 }
diff --git a/members/templates/members/calendar.html b/members/templates/members/calendar.html
@@ -124,9 +124,7 @@ <h2 id='add-event-header'>Add Event to Public Calendar</h2>
   <script>
     $(document).ready(function() {
 			$('.button-collapse').sideNav();
-      $('.fc-left').addClass('col s12');
-      $('.fc-right').addClass('col s12');
-
+
       $('.timepicker').timepicker({
         timeFormat: 'h:mm p',
         interval: 30,