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

- Legacy-Id: 17617
2020-04-09 18:29:13 +00:00 · 2020-04-09 18:29:13 +00:00 · 76b8554a9c
parent 6c48575042
commit 76b8554a9c
1 changed files with 7 additions and 0 deletions
--- 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;
 }