Update dropdown styling

assets/style.css

@@ -335,6 +335,11 @@ main > h2 {
     display: block;
 }
 
+.dropdown-menu.scrollable {
+    max-height: 14rem;
+    overflow-y: auto;
+}
+
 /* === Floating action button === */
 .fab {
     position: fixed;
@@ -364,13 +369,15 @@ main > h2 {
 }
 
 .dropdown-item {
-    display: block;
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
     width: 100%;
-    text-align: left;
     border: none;
     border-radius: 0;
     padding: 0.3rem 0.75rem;
     white-space: nowrap;
+    box-sizing: border-box;
 }
 
 /* === Edit form === */
@@ -795,12 +802,7 @@ hr {
     color: var(--primary-hover);
 }
 
-.diary-cal-drop .dropdown-menu {
-    max-height: 14rem;
-    overflow-y: auto;
-}
-
-.diary-cal-drop .dropdown-item.cal-current {
+.dropdown-item.cal-current {
     color: var(--primary-hover);
 }