Minor ui changes.

Damnae · Sep 2, 2023 · 4bbf21d · 4bbf21d
1 parent d0301b6
commit 4bbf21d
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 7 deletions.
diff --git a/src/style.css b/src/style.css
@@ -27,6 +27,11 @@ h1
   padding: 0 .5rem;
   text-align: end;
 }
+h1 .pretitle
+{
+  font-size:.66em;
+  color:grey;
+}
 nav h1
 {
   padding: 0;
@@ -155,7 +160,7 @@ aside h1:first-child
   line-height:3rem;
   overflow:hidden;
   text-overflow: ellipsis;
-  word-break: break-word;
+  word-break: break-all;
 }
 main.panel
 {

diff --git a/src/views/abilities/Ability.vue b/src/views/abilities/Ability.vue
@@ -25,7 +25,7 @@
 
 <template>
   <header>
-    <h1>{{ abilityId }}</h1>
+    <h1><span class="pretitle">Ability:</span> {{ abilityId }}</h1>
   </header>
   <section :key="abilityId">
 

diff --git a/src/views/abilities/Modifier.vue b/src/views/abilities/Modifier.vue
@@ -84,7 +84,7 @@
 
 <template>
   <header>
-    <h1>{{ modifierId }}</h1>
+    <h1><span class="pretitle">Modifier:</span> {{ modifierId }}</h1>
   </header>
   <section :key="modifierId">
 

diff --git a/src/views/abilities/RelicSetAbility.vue b/src/views/abilities/RelicSetAbility.vue
@@ -8,8 +8,8 @@
 <template> 
   <main class="panel">
     <ProvideRelicSetContext :commitId="commitId" :objectId="objectId">
-    <Ability :abilityId="abilityId" />
-  </ProvideRelicSetContext>
+      <Ability :abilityId="abilityId" />
+    </ProvideRelicSetContext>
   </main>
 </template>
 

diff --git a/src/views/navigation/AvatarSubNav.vue b/src/views/navigation/AvatarSubNav.vue
@@ -32,7 +32,7 @@
           <template v-for="skill in avatarSkills" :key="skill.SkillID">
             <li>
               <div>
-                {{ skill.SkillTag.Text }} {{ skill.SkillTypeDesc.Text }} 
+                {{ skill.SkillTypeDesc.Text }} - {{ skill.SkillTag.Text }} 
                 <span class="minor" :title="skill.SkillName.Text">{{ skill.SkillName.Text }}</span>
                 <span class="minor">{{ skill.SkillTriggerKey }}</span> 
               </div>

diff --git a/src/views/navigation/MonsterSubNav.vue b/src/views/navigation/MonsterSubNav.vue
@@ -30,7 +30,7 @@
         <template v-for="skill in monsterSkills" :key="skill.SkillID">
           <li>
             <div>
-              {{ skill.SkillTag.Text }} {{ skill.SkillTypeDesc.Text }}
+              {{ skill.SkillTypeDesc.Text }} - {{ skill.SkillTag.Text }} 
               <span class="minor" :title="skill.SkillName.Text">{{ skill.SkillName.Text }}</span> 
               <span class="minor">{{ skill.SkillTriggerKey }}</span> 
             </div>