enhance: make contranst of menu separator subtle

resources/css/common.css

@@ -914,6 +914,12 @@ button.menu:focus {
   user-select: none;
 }
 
+.menu-separator {
+  @apply my-1;
+
+  opacity: .5;
+}
+
 a.login {
   color: var(--ls-link-text-color, #444);
 }

src/main/frontend/components/content.cljs

@@ -171,7 +171,7 @@
                         (editor-handler/remove-block-property! block-id "background-color"))}
            "Clear"]]
          
-         [:hr.my-1]
+         [:hr.menu-separator]
 
          (ui/menu-link
           {:key      "Open in sidebar"
@@ -179,7 +179,7 @@
                        (editor-handler/open-block-in-sidebar! block-id))}
           "Open in sidebar")
 
-         [:hr.my-1]
+         [:hr.menu-separator]
 
          (ui/menu-link
           {:key      "Copy block ref"
@@ -216,7 +216,7 @@
                        (editor-handler/cut-block! block-id))}
           "Cut")
 
-         [:hr.my-1]
+         [:hr.menu-separator]
 
          (ui/menu-link
           {:key      "Convert heading"
@@ -240,7 +240,7 @@
              :on-click #(srs/make-block-a-card! block-id)}
             "Make a Card"))
 
-         [:hr.my-1]
+         [:hr.menu-separator]
 
          (ui/menu-link
           {:key      "Expand all"

src/main/frontend/ui.cljs

@@ -138,7 +138,7 @@
                            [:div {:style {:margin-right "8px"
                                           :margin-left  "4px"}} title]]))]
           (if hr
-            [:hr.my-1 {:key "dropdown-hr"}]
+            [:hr.menu-separator {:key "dropdown-hr"}]
             (rum/with-key
               (menu-link new-options child)
               title))))