misc: adjust backoffice style of timetable widget (#50035)

wcs/qommon/static/css/dc2/admin.scss

@@ -2051,25 +2051,47 @@ div.buttons > div.widget {
 div.timetable-widget {
 	margin-top: 1ex;
 	display: flex;
+	align-items: flex-start;
 	width: 100%;
 	> div {
 		flex: 0 1 auto;
+		padding: 0 2px;
 		width: 20%;
 		text-align: center;
 		display: none;
 	}
 
+	button {
+		margin: 0;
+		width: 3em;
+		height: 3em;
+		&.next {
+			margin-left: 1em;
+		}
+		&.prev {
+			margin-right: 1em;
+		}
+	}
+
 	div span {
+		border-radius: 3px;
 		display: block;
 		cursor: pointer;
 		padding: 0.3ex 0;
+		margin-bottom: 4px;
 		&.disabled {
 			opacity: 0.3;
 			cursor: not-allowed;
 		}
 
+		&.selectable {
+			background: #CDE4FC;
+			color: inherit;
+		}
+
+		&.selectable:hover,
 		&.selectable.on {
-			background: #215D9C;
+			background: #386ede;
 			color: white;
 		}
 	}