Add media query to fix problem with space-between and small windows

OleLaursen · OleLaursen · commit 76b8554a9c27 · 2020-04-09T18:29:13.000Z
- Legacy-Id: 17617
diff --git a/ietf/static/ietf/css/ietf.css b/ietf/static/ietf/css/ietf.css
@@ -1019,6 +1019,13 @@ a.fc-event, .fc-event, .fc-content, .fc-title, .fc-event-container {
   justify-content: space-between;
 }
 
+@media only screen and (max-width: 120em) {
+  /* if there's only room for two days, it looks a bit odd with space-between */
+  .edit-meeting-schedule .edit-grid .day-flow {
+    justify-content: flex-start;
+  }
+}
+
 .edit-meeting-schedule .edit-grid .day-flow .day-label {
   border-bottom: 2px solid #eee;
 }

Original file line number	Diff line number	Diff line change
`@@ -1019,6 +1019,13 @@ a.fc-event, .fc-event, .fc-content, .fc-title, .fc-event-container {`
`1019`	`1019`	`justify-content: space-between;`
`1020`	`1020`	`}`
`1021`	`1021`
	`1022`	`+@media only screen and (max-width: 120em) {`
	`1023`	`+ /* if there's only room for two days, it looks a bit odd with space-between */`
	`1024`	`+ .edit-meeting-schedule .edit-grid .day-flow {`
	`1025`	`+ justify-content: flex-start;`
	`1026`	`+ }`
	`1027`	`+}`
	`1028`	`+`
`1022`	`1029`	`.edit-meeting-schedule .edit-grid .day-flow .day-label {`
`1023`	`1030`	`border-bottom: 2px solid #eee;`
`1024`	`1031`	`}`