(style)(nouns) add little indication which words have declensions

assets/style.scss

@@ -237,29 +237,27 @@ form[inert] {
     filter: invert(1);
 }
 
-.list-singular {
+.list-singular, .list-plural {
     list-style: none;
-    li {
+
+    > li {
+        padding-inline-start: $fa-fw-width;
         white-space: nowrap;
-    }
-    >li:before {
-        content: "⋅";
-        display: inline-block;
-        width: $fa-fw-width;
-        text-align: center;
+
+        &::before {
+            display: inline-block;
+            width: $fa-fw-width;
+            margin-inline-start: -#{$fa-fw-width};
+            text-align: center;
+        }
     }
 }
-.list-plural {
-    list-style: none;
-    li {
-        white-space: nowrap;
-    }
-    >li:before {
+
+.list-singular > li::before {
+    content: "⋅";
+}
+.list-plural > li::before {
         content: "⁖";
-        display: inline-block;
-        width: $fa-fw-width;
-        text-align: center;
-    }
 }
 
 .btn-concise {

components/nouns/NounsItem.vue

@@ -49,7 +49,7 @@ const visibleWords = computed(() => {
             <NounsWordDisplay :word="collapsibleWordRepresentative" :numerus />
             <button
                 type="button"
-                class="btn btn-link d-block btn-sm w-100 text-start ps-3 pt-0 text-wrap"
+                class="btn btn-link d-block btn-sm w-100 text-start ps-0 pt-0 text-wrap"
                 @click="collapsed = false"
             >
                 <Icon v="plus-circle" />

components/nouns/NounsWordDisplay.vue

@@ -35,11 +35,12 @@ const nounConvention = computed(() => getWithKey(nounsData.conventions, mainWord
 </script>
 
 <template>
-    <Popover placement="right">
+    <Popover placement="right" class="d-inline-flex gap-1 w-100">
         <template v-for="(meaning, abbr) in abbrs" :key="abbr">
             <abbr v-if="meaning" :title="meaning">{{ abbr }}</abbr><span v-else>{{ abbr }}</span>
             {{ ' ' }}
-        </template><Spelling :text="resolveFirstDeclension(mainWord, numerus, nounsData)" />
+        </template><Spelling :text="resolveFirstDeclension(mainWord, numerus, nounsData)" class="flex-grow-1" />
+        <Icon v-if="declensionByCase" v="ellipsis-h" class="text-secondary align-self-center me-1" />
         <template v-if="declensionByCase" #content>
             <template v-if="nounConvention">
                 <NuxtLink :to="nounConvention.key" class="text-primary-inverted">