From 29fca7bb736e844443508d1bd53285b63b6fb3fc Mon Sep 17 00:00:00 2001
From: Damnae <damnaee@gmail.com>
Date: Fri, 1 Sep 2023 15:46:49 +0200
Subject: [PATCH] Adjust css some more.

---
 src/style.css                       | 9 +++++----
 src/views/abilities/Modifier.vue    | 4 ++--
 src/views/abilities/RangeChange.vue | 7 ++++---
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/style.css b/src/style.css
index 5a7f835..e070e1f 100644
--- a/src/style.css
+++ b/src/style.css
@@ -38,8 +38,9 @@ h2
   font-variant: petite-caps;
   text-shadow: 1px 1px 1px #181818;
   background: linear-gradient(90deg, #181818 0%, #242424 10em);
+  border-top: .5em solid #181818;
   border-bottom: 4px solid #242424;
-  margin: 1em 0 .5em;
+  margin: .5em 0 .5em;
   padding-left: .5rem;
 }
 h2:first-child
@@ -54,13 +55,13 @@ h3
   background-color: #181818;
   display: flex;
   align-items: center;
-  text-decoration: underline;
+  font-weight: normal;
 }
 
 h3::after
 {  
   content: "";
-  background: linear-gradient(90deg, #181818 0%, #242424 2em);
+  background: linear-gradient(90deg, #181818 0%, #242424 10em);
   margin-left: 1rem;
   height: 4px;
   flex-grow: 1;
@@ -76,7 +77,7 @@ h3
 {
   z-index: 0;
   position:sticky;  
-  top: 2.1em;
+  top: 2.8em;
 }
 
 ul
diff --git a/src/views/abilities/Modifier.vue b/src/views/abilities/Modifier.vue
index 4af3620..a5a27cd 100644
--- a/src/views/abilities/Modifier.vue
+++ b/src/views/abilities/Modifier.vue
@@ -165,7 +165,7 @@
         <h2>Watchers</h2>
         <template v-if="modifier.OnAbilityPropertyChange" v-for="p in modifier.OnAbilityPropertyChange">
           <BlockLayout :source="p">
-            <span class="flow">Watch <em>{{ p.Property }}</em> property</span>
+            <span class="flow">Watch property <em>{{ p.Property }}</em></span>
             <template #content>
               <RangeChange v-for="r in p.Ranges" :range="r" />
             </template>
@@ -173,7 +173,7 @@
         </template>
         <template v-if="modifier.OnDynamicValueChange" v-for="p in modifier.OnDynamicValueChange">
           <BlockLayout :source="p">
-            <span class="flow">Watch <em>{{ hashStore.translate(p.Key.Hash) ?? p.Key.Hash }}</em> dynamic value</span>
+            <span class="flow">Watch dynamic value <em>{{ hashStore.translate(p.Key.Hash) ?? p.Key.Hash }}</em></span>
             <template #content>
               <RangeChange v-for="r in p.Ranges" :range="r" />
             </template>
diff --git a/src/views/abilities/RangeChange.vue b/src/views/abilities/RangeChange.vue
index b705b84..55159ce 100644
--- a/src/views/abilities/RangeChange.vue
+++ b/src/views/abilities/RangeChange.vue
@@ -12,9 +12,10 @@
     <span class="flow">
       Range <em><EvaluateExpression :expression="range.Min" /></em>
       to <em><EvaluateExpression :expression="range.Max" /></em>
-      <template v-if="range.MaxInclusive">
-        (Inclusive)
-      </template>
+      <span class="minor">
+        <template v-if="range.MaxInclusive">(Inclusive)</template>
+        <template v-else>(Exclusive)</template>
+      </span>
     </span>
     <template #content>
       <BlockLayout v-if="range.OnEnterRange" :source="range.OnEnterRange">