fix layout

apps/web/Components/Admin/Cache/index.tsx

@@ -22,17 +22,20 @@ const Wrapper = styled(Background)`
 
 const Flex = styled.div`
   display: flex;
-  margin-bottom: 16px;
+  flex-direction: column;
-  justify-content: space-between;
   gap: 10px;
 `;
 
+const ButtonWrapper = styled.div`
+  display: flex;
+  justify-content: flex-end;
+`;
+
 export function Cache() {
   const { filteredQueries, refetch, setFilterString } = useFilteredQueries();
 
-  async function handleDeleteQuery() {
+  function handleDeleteQuery() {
-    await reset();
+    return reset().then(() => refetch());
-    refetch();
   }
 
   if (!filteredQueries) {
@@ -48,19 +51,19 @@ export function Cache() {
           allowClear
           onChange={(e) => setFilterString(e.target.value)}
         />
-      </Flex>
+        <Collapse
-      <Collapse
+          accordion
-        accordion
+          items={Object.keys(filteredQueries).map((queryGroupName) => ({
-        items={Object.keys(filteredQueries).map((queryGroupName) => ({
+            children: <QueryList {...filteredQueries[queryGroupName]} />,
-          children: <QueryList {...filteredQueries[queryGroupName]} />,
+            key: queryGroupName,
-          key: queryGroupName,
+            label: queryGroupName,
-          label: queryGroupName,
+          }))}
-        }))}
+        />
-      />
+        <ButtonWrapper>
-      <Flex style={{ justifyContent: 'end', marginTop: '10px' }}>
+          <Button type="primary" danger disabled={false} onClick={() => handleDeleteQuery()}>
-        <Button type="primary" danger disabled={false} onClick={() => handleDeleteQuery()}>
+            Очистить кэш
-          Удалить все запросы
+          </Button>
-        </Button>
+        </ButtonWrapper>
       </Flex>
     </Wrapper>
   );