From 837150e06553ce387af82ff8c7641f34cd7e2f1e Mon Sep 17 00:00:00 2001
From: Alireza Ahmadi <alireza7@gmail.com>
Date: Mon, 28 Oct 2024 15:37:02 +0100
Subject: [PATCH] [rules] better view

---
 frontend/src/views/Rules.vue | 14 ++++----------
 1 file changed, 4 insertions(+), 10 deletions(-)

diff --git a/frontend/src/views/Rules.vue b/frontend/src/views/Rules.vue
index b95ebf4..9900dea 100644
--- a/frontend/src/views/Rules.vue
+++ b/frontend/src/views/Rules.vue
@@ -27,21 +27,15 @@
     </v-col>
   </v-row>
   <v-row>
-    <v-col cols="12">{{ $t('rule.ruleset') }}</v-col>
+    <v-col class="v-card-subtitle" cols="12">{{ $t('rule.ruleset') }}</v-col>
     <v-col cols="12" sm="4" md="3" lg="2" v-for="(item, index) in <any[]>rulesets" :key="item.tag">
-      <v-card rounded="xl" elevation="5" min-width="200" :title="index+1">
+      <v-card rounded="xl" elevation="5" min-width="200" :title="item.tag">
         <v-card-subtitle style="margin-top: -20px;">
           <v-row>
             <v-col>{{ $t('ruleset.' + item.type) }}</v-col>
           </v-row>
         </v-card-subtitle>
         <v-card-text>
-          <v-row>
-            <v-col>{{ $t('objects.tag') }}</v-col>
-            <v-col dir="ltr">
-              {{ item.tag }}
-            </v-col>
-          </v-row>
           <v-row>
             <v-col>{{ $t('ruleset.format') }}</v-col>
             <v-col dir="ltr">
@@ -84,8 +78,8 @@
     </v-col>
   </v-row>
   <v-row>
-    <v-col cols="12">{{ $t('pages.rules') }}</v-col>
-    <v-col cols="12" sm="4" md="3" lg="2" v-for="(item, index) in <any[]>rules">
+    <v-col class="v-card-subtitle" cols="12">{{ $t('pages.rules') }}</v-col>
+    <v-col cols="12" sm="4" md="3" lg="2" v-for="(item, index) in <any[]>rules"
       <v-card rounded="xl" elevation="5" min-width="200" :title="index+1">
         <v-card-subtitle style="margin-top: -20px;">
           <v-row>