push lock icon next to title

Signed-off-by: Jimmy Tanagra <jcode@tanagra.id.au>

Author: jimtng

bundles/org.openhab.ui/web/src/pages/developer/widgets/widget-list.vue

@@ -86,6 +86,10 @@
             <template #media>
               <span class="item-initial">{{ widget.uid[0].toUpperCase() }}</span>
             </template>
+            <template #after>
+              <!-- This is here to push the after-title icon so it would appear immediately after the title
+                    for consistency with Things, Items, and other lists that have the lock icon for non-editable entries -->
+            </template>
             <template #after-title>
               <f7-icon v-if="widget.editable === false" f7="lock_fill" size="1rem" color="gray" />
             </template>

bundles/org.openhab.ui/web/src/pages/settings/pages/pages-list.vue

@@ -121,6 +121,10 @@
                 </div>
               </template>
               <!-- <span class="item-initial">{{page.config.label[0].toUpperCase()}}</span> -->
+              <template #after>
+                <!-- This is here to push the after-title icon so it would appear immediately after the title
+                     for consistency with Things, Items, and other lists that have the lock icon for non-editable entries -->
+              </template>
               <template #after-title>
                 <f7-icon v-if="page.editable === false" f7="lock_fill" size="1rem" color="gray" />
               </template>