fixes

src/components/GamesPage.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { useMessage } from 'naive-ui';
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
+import { useMessage } from 'naive-ui'
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
 
-import { getAuthClient } from '@/api/auth_client';
-import type { Game } from '@/api/generated/crabs/evening_detective_server';
+import { getAuthClient } from '@/api/auth_client'
+import type { Game } from '@/api/generated/crabs/evening_detective_server'
 import HeaderMenu from '@/components/HeaderMenu.vue'
 
 const client = getAuthClient()
@@ -48,15 +48,15 @@ async function toGame(id: number) {
 
 <style scoped>
 .game-block {
+  background-color: #222;
+  border-radius: 10px;
   margin: 10px 0;
   padding: 20px;
-  border-radius: 10px;
-  background-color: #222;
 }
 
 .game-block:hover {
-  cursor: pointer;
   color: #63e2b7;
+  cursor: pointer;
 }
 
 .game-title {