Add more check marks

public/stylesheets/glyphs.css

@@ -89,7 +89,7 @@
   border: 0.2rem solid;
   transition-duration: 0.2s;
   border-radius: 0.5rem;
-  width: 3rem;
+  width: 4.6rem;
   height: 3rem;
 }
 
@@ -385,6 +385,7 @@
   border-style: solid;
   margin-bottom: -0.1rem;
   transition: color 0.2s;
+  position: relative;
 }
 
 .s-base--metro .c-glyph-auto-pick-options__option {

src/components/tabs/glyphs/sidebar/GlyphFilterPanel.vue

@@ -190,11 +190,15 @@ export default {
       <br>
       <div class="c-glyph-filter-mode-container">
         <div
-          v-for="index in unlockedModes"
+          v-for="index in Object.values(modes).filter(idx => isUnlocked(idx))"
           :key="index"
           :class="optionClass(index)"
           @click="setMode(index)"
         >
+          <i
+            v-if="mode === index"
+            class="fas fa-check"
+          />
           <div class="c-glyph-sacrifice-options__option__tooltip">
             {{ filterMode(index) }}
           </div>
@@ -347,5 +351,14 @@ export default {
 </template>
 
 <style scoped>
-
+  .fa-check {
+    background-color: var(--color-reality-light);
+    color: black;
+    font-size: 1rem;
+    position: absolute;
+    top: -1px;
+    right: -1px;
+    border-radius: 0 0.3rem;
+    padding: 0.1rem;
+  }
 </style>

src/components/tabs/glyphs/sidebar/GlyphRejectionPanel.vue

@@ -21,6 +21,12 @@ export default {
         "l-glyph-auto-pick-options__option"
       ];
     },
+    optionVIf(idx) {
+      return idx === this.mode;
+    },
+    optionVIfStyle() {
+      return "fas fa-check";
+    },
     update() {
       this.mode = AutoGlyphProcessor.sacMode;
     },
@@ -44,22 +50,43 @@ export default {
       @click="setMode(modes.SACRIFICE)"
     >
       Always sacrifice
+      <i
+        v-if="optionVIf(modes.SACRIFICE)"
+        :class="optionVIfStyle()"
+      />
     </div>
     <div
       :class="optionClass(modes.REFINE)"
       @click="setMode(modes.REFINE)"
     >
       Always refine
+      <i
+        v-if="optionVIf(modes.REFINE)"
+        :class="optionVIfStyle()"
+      />
     </div>
     <div
       :class="optionClass(modes.REFINE_TO_CAP)"
       @click="setMode(modes.REFINE_TO_CAP)"
     >
       Refine to cap, then sacrifice
+      <i
+        v-if="optionVIf(modes.REFINE_TO_CAP)"
+        :class="optionVIfStyle()"
+      />
     </div>
   </div>
 </template>
 
 <style scoped>
-
+  .fa-check {
+    background-color: var(--color-reality-light);
+    color: black;
+    font-size: 1rem;
+    position: absolute;
+    top: -1px;
+    right: -1px;
+    border-radius: 0 0.3rem;
+    padding: 0.1rem;
+  }
 </style>