Move tools entirely to button popover on top

app/routes/mod-queue.tsx

@@ -19,7 +19,6 @@ import {
   useToast,
   VStack,
 } from "@chakra-ui/react";
-import stylesheet from "../styles/mod-queue.css";
 import {
   type MutableRefObject,
   type ReactNode,
@@ -27,7 +26,6 @@ import {
   useRef,
   useState,
 } from "react";
-import { LinksFunction } from "@remix-run/cloudflare";
 import { useLoaderData } from "@remix-run/react";
 import AppealBans from "../../components/AppealBans.js";
 import AppealCard from "../../components/AppealCard.js";
@@ -38,10 +36,6 @@ import ReportCard from "../../components/ReportCard.js";
 import NewInactivityNotice from "../../components/NewInactivityNotice.js";
 import InactivityNoticeCard from "../../components/InactivityNoticeCard.js";
 
-export const links: LinksFunction = () => {
-  return [{ href: stylesheet, rel: "stylesheet" }];
-};
-
 export async function loader({ context }: { context: RequestContext }) {
   const { current_user: currentUser } = context.data;
 
@@ -412,7 +406,10 @@ export default function () {
       <Flex>
         <VStack w={isDesktop ? "container.md" : "container.lg"}>
           <Box display={isDesktop ? "none" : undefined} mb="16px" w="90%">
-            {ItemDisplay}
+            <HStack>
+              {ItemDisplay}
+              {ToolsContent}
+            </HStack>
           </Box>
           {entries.length ? (
             entries.map((entry) => entry.element)
@@ -459,29 +456,6 @@ export default function () {
           </HStack>
         </Box>
       </Flex>
-      <Popover id="mod-tools" placement="top-end">
-        <PopoverTrigger>
-          <Button
-            borderRadius="50%"
-            bottom="10vh"
-            h="16"
-            position="absolute"
-            right="10vh"
-            w="16"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="32"
-              height="32"
-              fill="currentColor"
-              viewBox="0 0 16 16"
-            >
-              <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z" />
-            </svg>
-          </Button>
-        </PopoverTrigger>
-        {ToolsContent}
-      </Popover>
     </Container>
   );
 }

app/styles/mod-queue.css

@@ -1,5 +0,0 @@
-@media (max-width: 1280px) {
-  #mod-tools {
-    display: none;
-  }
-}