feat: Dark Mode (#7471)

app/javascript/dashboard/components/buttons/ResolveAction.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="resolve-actions">
+  <div class="resolve-actions relative flex items-center justify-end">
     <div class="button-group">
       <woot-button
         v-if="isOpen"
@@ -251,23 +251,11 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-.resolve-actions {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-}
-
 .dropdown-pane {
-  left: unset;
-  top: 2.625rem;
-  margin-top: var(--space-micro);
-  right: 0;
-  max-width: 12.5rem;
-  min-width: 9.75rem;
+  @apply left-auto top-[2.625rem] mt-0.5 right-0 max-w-[12.5rem] min-w-[9.75rem];
 
   .dropdown-menu__item {
-    margin-bottom: 0;
+    @apply mb-0;
   }
 }
 </style>