Merge pull request #8 from koloml/minor-text-and-styling-changes

Minor content & styling changes and fixes

src/routes/+page.svelte

@@ -4,7 +4,7 @@
 </script>
 
 <Menu>
-    <MenuLink href="/settings/maintenance">Manual Tags Maintenance</MenuLink>
+    <MenuLink href="/settings/maintenance">Tagging Profiles</MenuLink>
     <hr>
     <MenuLink href="/about">About</MenuLink>
 </Menu>

src/routes/settings/+page.svelte

@@ -6,5 +6,5 @@
 <Menu>
     <MenuLink href="/">Back</MenuLink>
     <hr>
-    <MenuLink href="/settings/maintenance">Maintenance</MenuLink>
+    <MenuLink href="/settings/maintenance">Tagging Profiles</MenuLink>
 </Menu>

src/routes/settings/maintenance/[id]/+page.svelte

@@ -43,12 +43,12 @@
     <hr>
 </Menu>
 {#if profile}
-    <div>
-        <strong>Profile:</strong><br>
-        {profile.settings.name}
+    <div class="block">
+        <strong>Profile:</strong>
+        <div>{profile.settings.name}</div>
     </div>
-    <div>
-        <strong>Focused Tags:</strong>
+    <div class="block">
+        <strong>Tags:</strong>
         <div class="tags-list">
             {#each profile.settings.tags as tagName}
                 <span class="tag">{tagName}</span>
@@ -67,10 +67,20 @@
         {/if}
     </MenuLink>
 </Menu>
-<style>
+
+<style lang="scss">
     .tags-list {
         display: flex;
         flex-wrap: wrap;
         gap: 6px;
     }
+
+    .block + .block {
+        margin-top: .5em;
+
+        strong {
+            display: block;
+            margin-bottom: .25em;
+        }
+    }
 </style>