Curriculum: fix display in FF, ellipsis overflow

1 files changed, 6 insertions, 4 deletions

diff --git a/style/curriculum.less b/style/curriculum.less
index 5f02380..1ae44ba 100644
--- a/style/curriculum.less
+++ b/style/curriculum.less
@@ -17,11 +17,11 @@ body[data-page="curriculum"] #curriculum-menu {
     }
     .quartile {
         background: @color-complement-1;
-        display: flex;
 
         & > li {
-            flex: 1;
-            width: 100%;
+            display: inline-block;
+            box-sizing: border-box;
+            width: 25%;
         }
     }
     .courses {
@@ -29,9 +29,11 @@ body[data-page="curriculum"] #curriculum-menu {
 
         & > li {
             background: @color-complement-3;
-            margin: 2px inherit;
+            margin-top: 2px;
+            margin-bottom: 2px;
             white-space: nowrap;
             overflow: hidden;
+            text-overflow: ellipsis;
 
             &[data-type="bc"] {
                 background-color: #FFC000;