Custom Stylesheet: Adjustments

- Main page adjustments (especially when the mobile version is shown)
- Always show vertical scrollbar (except for mobile version) to prevent scrollbar flickering during load/notifications
- Class/Examination Assignment: more adjustments to available times and rooms when there is a room or time with a long label
- Student details dialog in mobile version: make the tabs smaller to ensure they fit the page width

Author: tomas-muller

WebContent/styles/unitime-mobile.css

@@ -173,10 +173,17 @@
 }
 
 @media all and (max-width: 800px) {
+	.unitime-Body {
+		overflow-y: auto;
+	}
+	
+	.unitime-Page .body:has(span):has(.unitime-MainContent) {
+		min-height: 700px;
+	}
+	
 	.unitime-MainContent {
 		width: inherit;
 		height: inherit;
-		min-height: 70vh;
 	}
 
 	.unitime-MainContent .messages {
@@ -506,6 +513,13 @@
 		overflow: hidden;
 	}
 
+	.unitime-StudentSchedule .gwt-TabBarItem .gwt-HTML {
+		max-width: 16vw;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		overflow: hidden;
+	}
+	
 	.unitime-EventResults .unitime-TabPanel {
 		border-left: none;
 		border-right: none;

WebContent/styles/unitime.css

@@ -37,6 +37,7 @@ input[type="button"] {
 .unitime-Body {
 	font-family: sans-serif, verdana, arial;
 	background-color: #FFFFFF;
+	overflow-y: scroll;
 }
 
 .unitime-Page {
@@ -4001,15 +4002,15 @@ div.gwt-MenuBarPopup {
 
 .unitime-MainLogo {
 	background-repeat:no-repeat;
-	background-position: center;
+	background-position: top;
 	background-image: url('../images/logo.jpg');
 	margin: 10px;
 }
 
 .unitime-MainLogoFaded {
 	background-image: url('../images/logofaded.jpg');
 	background-repeat: no-repeat;
-	background-position: center;
+	background-position: top;
 }
 
 .unitime-MainContent .messages {
@@ -8376,13 +8377,12 @@ div.gwt-MenuBarPopup {
 
 .unitime-ClassAssignmentPage .domain-item-label {
 	display: inline-block;
-	width: 80%;
+	width: calc(100% - 35px);
 }
 
 .unitime-ClassAssignmentPage .domain-item-extra {
 	display: inline-block;
-	width: 20%;
-	min-width: 35px;
+	width: 35px;
 	text-align: right;
 	padding-right: 3px;
 }
@@ -8932,13 +8932,12 @@ div.gwt-MenuBarPopup {
 
 .unitime-ExamAssignmentPage .domain-item-label {
 	display: inline-block;
-	width: 80%;
+	width: calc(100% - 35px);
 }
 
 .unitime-ExamAssignmentPage .domain-item-extra {
 	display: inline-block;
-	width: 20%;
-	min-width: 35px;
+	width: 35px;
 	text-align: right;
 	padding-right: 3px;
 }