Menus now have a fixed length based on their content
diff --git a/dev/scss/header/menu.scss b/dev/scss/header/menu.scss
index 46529bd..3652231 100644
--- a/dev/scss/header/menu.scss
+++ b/dev/scss/header/menu.scss
@@ -31,6 +31,22 @@
white-space: normal;
}
+ul.menu div.lengthField {
+ border: {
+ color: transparent;
+ width: $border-size;
+ }
+ padding: $item-padding;
+ padding-top: 0;
+ padding-bottom: 0;
+ span {
+ display: block;
+ line-height: 0;
+ color: transparent;
+ }
+ background-color: blue;
+}
+
ul.menu > li,
ul.menu > span.pref:not(.active) {
@include choose-item;
@@ -47,8 +63,10 @@
/**
* List items
*/
- > li {
+ > li, div.lengthField {
padding-right: 1.6em;
+ }
+ > li {
&:first-of-type {
border-top: {